移動設備只顯示頁面寬度的80％

我上傳了一個響應網站，我爲一位朋友做了響應，該網站在索引頁上無法呈現全寬，無論是在智能手機或平板電腦上查看。移動設備只顯示頁面寬度的80％

這位女士正在幫我一個忙，因爲我試圖讓我的名字和工作知道。她有一個她希望看到成長的事業，我們認爲互聯網是一個開始的地方。

奇怪的是，該網站的其他網頁呈現恰當的寬度和高度很好。

這使我相信問題出現在「@media screen」查詢中。我相信全寬非移動頁面代碼中的CSS「寬度」和其他特性和值將「級聯」到較小的移動查詢中，但添加了屬性「head」，「html，body」和「頁腳」部分，看看這是否會改善這種情況。

它沒有。

該網站可以在這裏看到：www.notaryonwheelsshaver.com

的CSS可以在這裏讀到：http://www.notaryonwheelsshaver.com/css/nows.css

任何幫助將不勝感激。

來源

2016-09-15 tecombs

您的第一個媒體查詢（780px）在html,body中有一個錯字 - >height: 100%x;這可能會干擾其下的min-width屬性。

我不知道這是否能解決它，但這是我注意到的。

來源

2016-09-15 02:41:42 Adam

謝謝亞當。有時候一個人只是需要別人來看看事情。我會解決這個問題。 – tecombs

我認爲這個問題是在你的CSS文件：

html, body { 
     font-family: Tahoma, Helvetica, Arial, sans-serif; 
     font-size: 14px; 
     line-height: 26px; 
     background-color: #FFF; 
     color: #555; 
     padding: 0; 
     margin: 0; 
     height: 100%; 
     /*width: 100%;*/ 
    }

/*width: 100%;*/被註釋掉這使得瀏覽器跳過代碼嘗試將其更改爲：

html, body { 
     font-family: Tahoma, Helvetica, Arial, sans-serif; 
     font-size: 14px; 
     line-height: 26px; 
     background-color: #FFF; 
     color: #555; 
     padding: 0; 
     margin: 0; 
     height: 100%; 
     width: 100%; 
    }

編輯：你有寬度也評論於：

.wrapper { 
     /*min-width: 100%;*/ 
     min-height: 100%; 
    }

來源

2016-09-15 06:58:28 Krypton

是的，我讀過另一篇文章，其中一個人說，由於HTML，身體本身是100％寬度，屬性是不必要的。我拿出寬度值和中提琴！頁面正確渲染。感謝您的回覆，另外一組窺視者在盯着這個項目好幾天後總是很有幫助，您只是想念一些東西。 – tecombs

移動設備只顯示頁面寬度的80％

回答

相關問題