如何在任何屏幕分辨率上將網頁內容設置爲100％？

我正在設計我的第一個網頁。我完成了幾乎所有的工作，但現在問題在於屏幕分辨率。我開始設計1920x1080p的屏幕分辨率，但是當我在1080x768p屏幕上檢查它時，內容丟失並重疊。現在，我將筆記本電腦的屏幕尺寸設置爲1080x768並設置了網頁，但在右側將其重新轉換爲1920x1080時，我僅使用了1080x768p屏幕，但使用了以下代碼，因此內容缺失。如何在任何屏幕分辨率上將網頁內容設置爲100％？

body {width:100%; hight:100%;}

它只是填充背景圖像全屏顯示，而內容不完全顯示在屏幕上做什麼幫助嗎？

來源

2014-04-28 asim.ali314

請發表你的HTML代碼和CSS – devqon

很難幫助不從您的網頁上查看代碼。請嘗試在jsfiddle.net上重新創建問題，並在完成時提供您的小提琴鏈接。網頁的正文默認爲btw。你也有一個錯字高於高度應該是高度。 –

您是否嘗試過'html，body {height：100％;寬度：100％;保證金：0像素; padding：0px;}' –

你需要添加HTML和身體

html,body{ 
    height:100%; 
} 
/**reset padding of body**/ 
body{padding:0;}

（100％的寬度自動）

LIVE EXAMPLE

來源

2014-04-28 13:25:41

非常感謝您的幫助。我試過這段代碼，但它不適用於我告訴我如何顯示我的模板的CSS和HTML文件的代碼？ –

你可以使用codepen.io，向我展示這個問題（你需要一個用戶），或者給我一個問題的URL。 –

您需要一直給予高度100％，直到容器達到100％的高度。 –

如何在任何屏幕分辨率上將網頁內容設置爲100％？

回答

相關問題