2013-04-23 57 views
6

我有些列表項設置爲min-height: 12em - 桌面最小高度自動在iOS中忽略移動

當漿紗下來平板電腦/手機屏幕我想這個重置爲:min-height: auto

不過的iPad/iPhone無視這一點,並保持12em

我還設置height: auto

+0

你是如何改變這種iOS設備的屬性?它在Android上工作嗎?沒有更多的信息,這只是一個猜測遊戲。 – 2013-04-23 11:10:56

+0

你是否在鈦iphone開發? – 2013-04-23 11:11:01

+1

發佈您的媒體查詢CSS。 – 2013-04-23 11:11:29

回答

10

使用下面的代碼:

/* Desktop */ 
.listings.default li { 
    min-height: 12em; 
} 

/* Between Desktop and Tablet */ 
@media only screen and (max-width: 1200px) and (min-width: 768px) { 
    .listings.default li { 
     display: list-item; 
     min-height: inherit; 
    } 
} 

所以使用inherit代替auto

我測試了這個在我的iPhone,但與其他媒體查詢.. 檢查this post看到一些標準設備的媒體查詢的..

+0

謝謝你的 - 完美的作品:-) – topiman 2013-04-23 12:26:20

+0

工程就像一個魅力。謝謝!!! – 2017-12-01 11:04:15