html - IPHONE 4 and IPHONE 5 media queries on bootstrap -
need help. created webpage in bootstrap. problem in media queries iphone 4 , iphone 5, both have 320px on portrait. when viewed form iphone 4 , iphone 5 don't have same height. here's code on media queries @ 320px portrait. iphone 5 extends height compare iphone 4. how can set height on portrait of iphone4 , iphone 5 @ 320px?
div#rightcol_form.container{ width:100%; height:140%; }
these media queries iphone: 5:
/* iphone 5 retina display: portrait */ @media screen , (device-aspect-ratio: 40/71) , (max-device-width: 640px) , (orientation:portrait) {} /* iphone 5 retina display: landscape*/ @media screen , (device-aspect-ratio: 40/71) , (max-device-width: 640px) , (orientation:landscape) {} /* iphone 4*/ @media screen , (device-aspect-ratio: 2/3) {}
Comments
Post a Comment