View Full Version : CSS code for different screen sizes?


clemens14
09-11-2011, 04:02 PM
Hello,

are there ways to prepare the CSS so that the text is displayed according to the size of the screen of the reader?
In other words is it possible to decide in the style sheet how the text should be displayed with different readers?

Jellby
09-12-2011, 04:11 AM
Other than using percentages for lengths, no, there aren't.

You could use alternate stylesheets, but I'd guess no reader supports them.

charleski
09-12-2011, 07:37 PM
There is a method that would only work on ADE-based readers, using the page-template.xpgt extension. See the sections on dynamic styling here (http://wiki.mobileread.com/wiki/XPGT) and here (http://web.archive.org/web/20090214220008/http://blogs.adobe.com/digitaleditions/template.html).

But I do not recommend using it - note that the Adobe page is from an old snapshot, it's actually been taken down from Adobe's own website and they stopped actively supporting this extension many years ago (though AFAIK it still works in current readers). It's also, obviously, extremely non-standard.

This sad situation is not going to change materially with ePub3, since it lacks a page-model. At least you'll be able to use javascript to mutate the styles to suit different displays (and you may be able to do that now if you're targeting iBooks and want different layouts for phone vs iPad), but it'll be a lot of work.