部分頁面顯示寬度爲50％

當我調整瀏覽器像360px這樣的小尺寸時，某些頁面的顯示寬度是普通寬度的50％。如何解決這個問題？部分頁面顯示寬度爲50％

這裏的link

謝謝！

來源

2015-07-21 User014019

這是因爲填充和保證金。 –

檢查你的媒體查詢，檢查填充，檢查邊距，這個'@media（max-width：480px）'是你必須查看CSS並根據大小調整css像360px，所有div元素 – Shehary

@ManojKumar寬度是未在'@media（max-width：480px）中定義' – Shehary

你可能在你的CSS試試這個：

 .ak-container, body.boxed-layout { 
     padding: 0; 
     width: 100%; 
     } 

     .no-sidebar #primary { 
     float: none; 
     margin: 0 auto; 
     width: 100%; 
     }

來源

2015-07-21 05:09:12

舉一個簡單的解決方案添加CSS屬性的最小寬度類：promobody

.promobody { 
    margin-left: 60px; 
    min-width: 225px; 
}

最小寬度保持最小寬度爲類等等內容將在小型設備是寬度內顯示。

可以根據使用媒體查詢裝置寬度設置爲在頁面元素邊距和填充。檢查這些：Media Query & this

來源

2015-07-21 04:37:11

試試這個

@media screen and (max-width: 767px) { 
.promobody { 
    margin-left: 5px; 
} 

}

來源

2015-07-21 04:49:04

.promobody僅用於宣傳頁面。宣傳頁不是唯一顯示50％的寬度 – User014019

部分頁面顯示寬度爲50％

回答

相關問題