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

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -