Forum Moderators: not2easy
I am just wondering if there is a css code that I can put in my pages so that the screen size on which my website is shown is detected ?
I have looked at my website on a big flat screen tv and it looks fairely small unless I do ++ to make it bigger, it would be nice if it could fit the screen nicely right away.
Thank you,
So yes a new top of the line TV is capable to produce (very) high resolution, comparable to top of the line computer screens, while a somewhat older device is only capable of wha tTV displays used to be able to produce >10 years ago.
Such a huge gap is as hard to code for as it is to code for computers and handheld devices (be it that the newest generation there seems to have beaten the SD TVs in screen quality already.
The browser on the computer/settop box is going to have to help you to get it fixed.
Most of the settop devices I've seen use a version of opera to browse the net, Alternatively apple's would use safari I guess.
Most of the solutions I've looked at tend to use the "screen" media type, and as such you're mostly out of luck to do much specific for them. One thing to do is to let the browser default override yours (make the layout fluid, don't specify a default font size, use as much as possible the "em" as a measure for other things etc.
Browsers on some devices might be using the "projection" or the "tv" media, as defined in the CSS2.1 standard, but just as a new iphone will use your regular stylesheet instead of a handheld one, I'm confident most browsers aren;t going to go that way.
"projection" is paged media, think of converting your website into a presentation ...
"tv" is for low res tvs
[w3.org...]
So aside of testing it in many different manners to get it on the TV, the best possible advise is to go with the flow and let the browser choose the font size, and measure everything off of that. After all the browser knows the screen size actually in use better than we do.