首頁猿問然而，不用框架，怎么做到自適應呢？

然而，不用框架，怎么做到自適應呢？

Html/CSS

菜鳥的蛻變之路 2016-07-09 11:05:21

查看完整描述

4 回答

已采納

blovetu

TA貢獻319條經驗獲得超234個贊

首先，在<head>里加入一行viewport元標簽。<meta name=”viewport”content=”width=device-width, initial-scale=1″ />viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度(width=device-width)，原始縮放比例(initial-scale=1)為1.0，即網頁初始大小占屏幕面積的100%。
“自適應網頁設計”的核心，就是CSS3引入的Media Query模塊。它的意思就是，自動探測屏幕寬度，然后加載相應的CSS文件。同一個CSS文件中，也可以根據不同的屏幕分辨率，選擇應用不同的CSS規則。
?? 其次，除了布局和文本，”自適應網頁設計”還必須實現圖片的自動縮放。有條件的話，最好還是根據不同大小的屏幕，加載不同分辨率的圖片。有很多方法可以做到這一條，服務器端和客戶端都可以實現。

2 反對回復 2016-07-09

剛毅87

TA貢獻345條經驗獲得超309個贊

在設置寬度和高度時,不要使用固定值,使用百分比,百分比值為父級寬度或高度的百分之幾.

1 反對回復 2016-07-09

慕函數0883431

TA貢獻4條經驗獲得超1個贊

思路大概就是

meta 標簽可以設置 minwidth maxwidth?

還有設置文檔中各個標簽的寬度的時候，不要定死，用相對寬度 % ?百分制

反對回復 2016-07-09

關注