-
Hi, and thanks for a great theme (Pinboard). I am really no expert on these matters but I know that you through CSS can set the viewport on mobile devices after screen density. I have a HTC ONE with 1080p screen and the Pinboard theme renders very narrow. It’s a big waste of screen estate. I tried it on my old HTC Desire and there the page looks much more decent.
Any hints to how to modify the theme for higher density screen devices? I have screen shots from Adobe Edge Inspect if anyone is interested.
And as a follow up, the setting in the Android Browser “View as desktop” doesn’t do anything. The text is as huge in that mode as without that selection ticked.
I doubt your HTC’s display is renders in real 1080p. It’s most probably a high density display with pixel ratio of 2:1 why probably browsers see it as 540p.
Media queries breakpoints are calculated in relation to layout column width, not display size. You’re probably viewing on a display where one column would fit but not two.
I’m not familiar with Android’s “View as desktop” feature.
In what css file is the styles for different media set then so I can fiddle around and see if I can get it to work?
If I enable the twenty-twelve theme for instance, I don’t have this problem and the site renders wide. Or if I go to a page that is not optimized for mobile devices I see the whole page and can zoom in as usual.
So it hardly got anything to do with my screen, which is 468 PPI 1920 x 1080 pixels.
http://www.htc.com/uk/smartphones/htc-one/#specs“View as desktop” tells the browser to ignore the mobile device specific css and render it out as a normal web page. Doesn’t work for Pinboard it seems.
You must be logged in to reply to this topic.