responsive design - Why is Google Chrome mobile device emulator showing my 320 pixel wide site as it is? -
i've added media queries website pages display @ width of 300 pixels, if "max-width" of user's browser less 480 pixels.
my question this: when view pages using google chrome's device emulator - , emulator quite says width apple iphone 6 "375" pixels wide, why 300 pixel wide website display @ narrower width (about 100 pixels)?
i'm confused because when view website via standard pc browser , reduce width of browser - fine. when use emulator, though specifies apple iphone 6 has resolution of 375 pixels, why web pages shrink 100 pixels wide?
any ideas?
have included meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0">
in page header?
Comments
Post a Comment