IWeThey CSS driving me crazy

Post #408,074 by drook 2/14/16 2:35:52 PM 2/14/16 2:35:52 PM Reply	IWeThey CSS driving me crazy I was frustrated with the rendering on mobile, so I decided to take a crack at a mobile responsive stylesheet. Save the current version and what do you know, I did this once before and Scott already included it. Problem is, for some reason the mobile styles aren't being applied. On my phone it looks like the site zooms out to a width of about 920px, in both Chrome and the default Android browser. It does the same in the mobile style tool in Chrome, but the Firefox one works. I can't find any references in the CSS that would force a width. What am I missing? -- Drew
Post #408,075 by malraux 2/14/16 3:07:43 PM 2/14/16 3:07:43 PM Reply	I've made a few attempts as well. Half-hearted because CSS is definitely not my strong suit, but I haven't been successful. I've been trying to dredge up the motivation to port the site to Bootstrap. Regards, -scott Welcome to Rivendell, Mr. Anderson.
Post #408,077 by boxley 2/14/16 3:15:51 PM 2/14/16 3:15:51 PM Reply	renders just fine in IE :-) always look out for number one and don't step in number two
Post #408,078 by static 2/14/16 3:27:46 PM 2/14/16 3:27:46 PM Reply	Sounds like Chrome is deciding to show you the desktop site. I know you can force the mode in Opera, but I've never liked Chrome mobile so I don't know if you can force it in Chrome or not.' Wade. Just Add Story http://justaddstory.wordpress.com/
Post #408,109 by scoenye 2/15/16 7:40:12 PM 2/15/16 8:15:58 PM Reply	True resolution != reported resolution The devices report a screen size that takes pixel density into account, so the reported resolution is a lot lower than the actual screen resolution. To force the issue, add the following meta tag: <meta name="viewport" content="width=device-width"> (Other solutions are out there, but it all comes down to playing whack-a-mole with the reported resolution.) Edit: never mind the lower. My S3 actually reports higher than actual. But the meta tag works to trigger the 479 media selector. PS I think MSSmartTagsPreventParsing can be taken out behind the shed now ;-) Edited by scoenye Feb. 15, 2016, 08:15:58 PM EST Expand All History
Post #408,110 by drook 2/15/16 9:10:25 PM 2/15/16 9:10:25 PM Reply	Thanks, I'll play around with that -- Drew

Welcome to IWETHEY!