css 100％寬iPhone iphone

我在這一個網站上有一個很快的響應式設計。不知道發生了什麼，我的代碼因此變得糟糕，這是一個修改後的zurb基礎網格，但客戶想要離開導航。一旦設計下降到iPhone由於某種原因，頂部元素（徽標，菜單）的寬度有一定的餘量，填充或只有大約80％的寬度。見http://eseamedia.com/lm css 100％寬iPhone iphone

@media only screen and (max-width: 767px) { 

.menu { 
    background: none; 
    padding: 0; 
    margin: 0; 
    height: auto; 
    max-width: 100%; 
    min-width: 100%; 
    position: relative; 
    display: table; 
    float: none; } 

.menu nav { 
    height: auto; 
    margin :0 auto 26px auto; 
    width: 100% } 

.menu ul li a { 
    margin: 0 auto; 
    width: 100%; 
    display: block; 
    text-align:center; } 

.logo { 
    background-position: center center; 
    background-color: transparent; 
    margin 0; 
    height: 104px; 
    width: 321px; 
    padding: 0 } 

.info { 
    position:relative } 

.headline{ 
    margin:0; 
    position:relative; 
    padding:0;} 

.context, .wrap { 
    margin:0; 
    left:0;} 
}

來源

2012-09-08 user1991171

只是好奇，但你爲什麼要爲。菜單設置顯示屬性表？如果它是一個塊元素，只要沒有設置浮點數，就不需要設置最大寬度或最小寬度。 – Mark

使用元標籤

<meta name="viewport" content="width=device-width, maximum-scale=1.0" />

來源

2012-09-08 05:42:14 Sark

這是完美的'' –

css 100％寬iPhone iphone

回答

相關問題