It’s not like they can’t download a real browser like Opera.Īnyway I see you’ve done this too, but because of IE9 I’d put it after the regular stylesheets… conditional comments are a known “page blocker”… the page loading is known to halt when the browser sees those CC’s, so since I’m not using the trick of CC’s before the tag, I just keep them after regular styles. So I give ALL IE’s the desktop styles… which may suck for those using Windows Mobile (which uses IE6 as the browser), but, tough. IE doesn’t do stylesheets… not until IE9.
#Dreamweaver cs6 media queries tutorial android#
So my colleague’s HTC (running Android and a version of mobile Safari) will do the “mobile” styles when upright/portrait and will do the “desktop” styles when in landscape (since then it believes it’s wider than 600px). Fine, but they must be at least 600 “CSS pixels” wide then. No handheld listed, though many of the newer smart phones (and iPhone may be one of them) ignore “handheld” anyway and try to render screen.
Screen with min-width, projection (for Opera really) min-width, get this stylesheet. If you’re giving everyone a “desktop” version first then that would be here instead of my mobile.css. I start out giving all media (except print) a basis stylesheet. Set device-width… not totally exact cross-machine but it’s good to tell the device to use its idea of “width” to match what it thinks it has… just that, some devices don’t use “CSS pixels” for this measurement. Do they work on your iPhone and desktop browsers when shrunk (see link below code)? No, though they do change stuff (they’ve been playing with the device-width meta tag for example, and no, it doesn’t correctly use the width you’d expect). Is there something with iphones that make this not work anymore? Always test in a browser (like you did your iPhone). Never test “browsers” with your text editor (which is all DW is… a glorified and rather overpriced text editor). Testing it in dreamweaver cs5 makes it look like it works.ĭreamweaver’s not a browser. Only screen means, not projection (opera), not handheld (mobiles), not print, not nothing but screen. Only screen and (min-width: 0px) and (max-width: 320px) You are restricting to screen (though it’s not even showing in my browser).
0 kommentar(er)
