調整瀏覽器大小時div中的內容消失
[英]Content inside of div disappears when resizing browser
問題描述
我建立的網站有問題：每當我在較小的顯示器上查看網站或調整瀏覽器窗口大小時，其他div都會覆蓋該內容。 無論瀏覽器大小如何，我都需要內容完全可見。
http://sophisticateddesign.nl/cfreport/overons.html
另外，當我調整瀏覽器的大小時，首頁上的文本會在最底行截斷。 我需要增加該行的高度，這顯然不能通過簡單地增加div的高度來實現。
2 個解決方案
解決方案1
0 2014-06-22 11:09:09
您應該看一下響應式網頁設計。 通過將可變網格與一個或多個媒體查詢一起使用，您可以實現所需的功能。
如果您想開始， 這是一個很好的介紹 。 我也可以強烈推薦伊桑·馬可特（ Ethan Marcotte）關於該主題的書 ！
解決方案2
0 2014-06-22 11:18:24
最簡單的方法不是以像素為單位定義寬度，而是僅以％為單位定義寬度。 例如，您定義了width: 960px; 表示<html>因此如果瀏覽器窗口小於960px，則不會顯示此網站的全部內容。 您還定義了頁腳寬度，可能還定義了更多元素。
但是，如今的確是事實，您應該學習相當Responsive Web Design來創建根據設備寬度進行調整的頁面。 PC，筆記本電腦，平板電腦和移動電話上的人們正在使用許多站點，並且如果不使用響應式設計技術，就無法創建復雜的站點在所有這些設備上看起來都不錯。
調整窗口大小/最大化時，背景/內容下半部分消失
[英]Background/content bottom half disappears when resizing/maximizing window
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.