IPHONE 4和IPHONE 5媒體查詢引導

-1

需要一些幫助。我在bootstrap中創建了一個網頁。我的問題是在IPHONE 4和IPHONE 5的媒體查詢中，它們在肖像上都有320px。但是當我看到我的表單IPHONE 4和IPHONE 5沒有相同的高度。這裏是我在320px肖像媒體查詢的代碼。 IPHONE 5擴展高度與IPHONE 4相比如何設置IPHONE4和IPHONE 5的縱向高度爲320px？IPHONE 4和IPHONE 5媒體查詢引導

div#rightCol_form.container{ 
 
\t \t \t width:100%; 
 
\t \t \t height:140%; 
 
    \t }

來源

2015-06-14 Carlo Raybac

這些都是iphone的媒體查詢：5：

/* iphone 5 Retina Display: for portrait */ 
@media screen and (device-aspect-ratio: 40/71) and (max-device-width: 640px) and (orientation:portrait) {} 

/* iPhone 5 Retina Display: for landscape*/ 
@media screen and (device-aspect-ratio: 40/71) and (max-device-width: 640px) and (orientation:landscape) {} 
/* iphone 4*/ 
@media screen and (device-aspect-ratio: 2/3) {}

Media Queries helpful link - iphones

來源

2015-06-14 21:50:54

感謝您的答覆，我會試試這個，然後我會回來再次如果我會成功與這個媒體查詢。順便說一句，這個「設備 - 縱橫比：40/71」的含義是什麼？ –

http://stackoverflow.com/questions/5725838/difference-between-aspect-ratio-and-device-aspect-ratio-in-css-media-queries閱讀更多。 –

我試過你給出的代碼，但仍然只讀了@media屏幕（最大寬度：320像素）{div＃rightCol_form.container { \t \t \t \t width：100％; \t \t \t身高：140％; \t}} –

IPHONE 4和IPHONE 5媒體查詢引導

回答

相關問題