Grow your CSS skills. Land your dream job.

How Webpage renders in SMART TV?

  • # April 25, 2013 at 5:54 am

    I have a doubt in responsive design… How the normal webpage render in smart tv full width dimension… is any specific method to follow ?

    # April 25, 2013 at 8:15 am

    I would imagine that would depend on the pixel density and width in px.

    Without the specs on the tv and its native resolution…it’s hard to guess.

    I work on a 22″ 1920×1080 monitor (well actually two) on my desktop but remember that a 50″ TV with the same resolution will be viewed from,say, over 10 feet away.

    # April 25, 2013 at 8:36 am

    Then for each different TV inches(21,32,64) i need to code using media queries

    # April 25, 2013 at 8:46 am

    It’s not a matter of inches. It’s a matter of pixels and viewing distance.

    I would expect that font sizes would have to be considerably larger if one is targeting TVs.

    # April 25, 2013 at 9:09 am

    ya i meant the same only, see for 32 inch screen native resolution is 1,920 x 1,080, so for each different inches relatively pixel varies.

    # April 25, 2013 at 9:32 am

    could you suggest me any best mobile emulators for cost or open source which would be the best.

    # April 25, 2013 at 9:59 am

    Not sure what mobile emulators has to do with smart TVs but I don’t have any thoughts on that.

    As for TV detection, a quick google search found: http://www.brettjankord.com/2012/01/16/categorizr-a-modern-device-detection-script/

    # April 25, 2013 at 10:22 am

    This takes me back to the time when we worried about how our sites looked on WebTV and the AOL browser. ;)

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".