自適應螢幕大小的網頁是怎麼做出來的

關於網頁頁面自適應螢幕大小的問題（高手來）

1樓：網友

你這樣就不叫自適應了，你設定乙個寬度就可以了。。。自適應就不需要出現滾動條了。

2樓：網友

第乙個問題不設定具體寬度就可以了，預設情況下div和table都是自動調整的。或者設定寬度時用百分比。

第二個可以通過樣式表 min-width: 1000px; max-width: 1500px; overflow-y:

scroll; 來解決，但是ie比較低的瀏覽器不支援這樣的樣式表，可以通過js來折衷解決下。

3樓：網友

網頁的**設定為百分數width="95%" ，就可以安裝分別率適應了！比如下面，無論你點選最小化還是最大化，都能顯示全部的**。

無論你是什麼分別率，網頁就是全屏的！：

webview網頁自適應螢幕大小怎麼解決

4樓：育知同創教育

;//web1就是你自己定義的視窗物件。;

**怎麼做到自適應網頁？

5樓：小石頭

首先，在網頁**的頭部，加入一行viewport元標籤。viewport是網頁預設的寬度和高度，上面這行**的意思是，網頁寬度預設等於螢幕寬度(width=device-width)，原始縮放比例(initial-scale=1)為，即網頁初始大小佔螢幕面積的100%。

由於網頁會根據螢幕寬度調整佈局，所以不能使用絕對寬度的佈局，也不能使用具有絕對寬度的元素。這一條非常重要。

流動佈局」的含義是，各個區塊的位置都是浮動的，不是固定不變的。float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow(溢位)，避免了水平滾動條的出現。

自適應網頁設計」的核心，就是css3引入的media query模組。它的意思就是，自動探測螢幕寬度，然後載入相應的css檔案。同乙個css檔案中，也可以根據不同的螢幕解像度，選擇應用不同的css規則。

其次，除了佈局和文字，」自適應網頁設計」還必須實現**的自動縮放。有條件的話，最好還是根據不同大小的螢幕，載入不同解像度的**。有很多方法可以做到這一條，伺服器端和客戶端都可以實現。

6樓：月下刀寒

**自適應是在建設**的時候，做到響應式設計，並進行了自適應設計。

在**層面針對不同的瀏覽器介面邊界以及大小進行網頁版式的調整。針對**進行向左向右，縮小放大等切換，核心內容都在瀏覽器核心區域展示。

7樓：網友

自適應螢幕大小的網頁元素會亂，所以一般情況下都不是自適應的。

如果想幫成自適應，用百分比定義寬度width="100%"

8樓：網友

所有寬度都用百分比來表示。