css - Media queries management -


i new media queries , have following problem. need fit easy layout (www.spiaggiati.it/antani/) smartphones , tablets in particular (desktop not important application).

i've tried in order see (you can check screen.css sheet on website):

@media screen , (min-device-width : 320px) , (max-device-width : 480px) (for smarthpones)  @media screen , (min-width : 321px) (for smartphone landscape)  @media screen , (max-width : 320px) (for smartphone portrait)  @media screen , (min-width: 768px) (for tablet , desktop) 

the problem if edit last part (tablet , desktop) layout on smartphone changes. not catching how media queries work...

i not need complicated functionalities, can see layout simple , need adjust height, width , font-size.

can me?

thank in advance cooperation.

please add following meta tag :

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

for media query details can more info http://stephen.io/mediaqueries/ ios devices. if have other query let me know. can better idea here http://webdesignerwall.com/tutorials/responsive-design-in-3-steps


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -