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
Post a Comment