2014-12-01 45 views
2

我在我的網站上設置了最小寬度767px,以避免在智能手機上查看網站時縮小所有內容。 問題是,它似乎沒有考慮到(見下面的截圖) 任何想法爲什麼? 非常感謝頁面正文中的最小寬度不起作用

CSS:

html, 
body { 
    height: 100%; 
    min-width: 767px; 
    -webkit-font-smoothing: antialiased; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); 
    background: url('../images/background-produits.jpg')no-repeat center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    font-family: 'Open Sans'; 
    font-size: 16px; 
    font-weight: 300; 
    line-height: 1.38; 
    color: rgb(71, 64, 50); 
} 
+0

我看到一個水平滾動條,當我減少寬度<767px,這是設置最小寬度時,你應該期待什麼(用戶不會喜歡它,雖然,沒有人喜歡水平滾動條!)。你期望什麼樣的行爲,導致它對我工作正常? – Pevara 2014-12-01 22:29:17

回答

5

你有很多的絕對定位的東西。爲了正常工作,您需要將它們包含在具有相對定位的項目中。是的,甚至是身體標籤,顯然。

body {position: relative}