1、下面介紹網(wǎng)頁自適應布局的三個要點#xF4F1viewport元標簽在網(wǎng)頁代碼的頭部，加入一行viewport元標簽viewport是網(wǎng)頁默認的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10。

2、“自適應網(wǎng)頁設計”的核心，就是CSS3引入的Media Query模塊它的意思就是，自動探測屏幕寬度，然后加載相應的CSS文件上面的代碼意思是，如果屏幕寬度小于400像素maxdevicewidth 400px，就加載tinyScreencss文件如。

3、6寫樣式用quotpingmuquot開始寫，給它固定寬高，再添加背景色，讓p自適應寬高，超過部分顯示滾動條7將這個css樣式保存到同級目錄下，如ceshihtml在c盤，css樣式也保存在c盤8保存好樣式后，雙擊這個。

4、想要網(wǎng)頁寬度自適應，需要把網(wǎng)頁元素寬度設置為百分比，還要在網(wǎng)頁頭部加上代碼ltmetaname=quotviewportquotcontent=quotwidth=devicewidth，initialscale=10quot圖片自適應，且不超過原始大小，需要設置最大寬度，代碼如下img。

5、PS當然也有一些方法，比如css3的flexbox布局使用flex布局，可以非常方便地實現(xiàn)各種自適應布局但是，它只適用于移動終端只有PC端的高版本瀏覽器兼容，低版本瀏覽器不兼容HTML多行文本框怎么設置寬度1首先打開H。

6、在ltbody中加入leftmargin=0，即ltbody leftmargin=0這種情況下，800×600支持的表格寬度為780像素時不會出現(xiàn)滾動條還有一點要注意的是不能用DW中的層來定位三 兵分兩路 如果你的網(wǎng)頁不經(jīng)常更新，而且對頁面效果。

7、缺點分辨率寬度大于這個固定值的時候，頁面兩邊會出現(xiàn)空白方法3 用js判斷分辨率，修改body的zoom屬性IE特性，即可實現(xiàn)對整個頁面進行縮放，類似IE8或其它瀏覽器提供的縮放功能優(yōu)點實現(xiàn)簡單，頁面能進行縮放缺點縮放是寬度和高度的。

8、用div的話，寬度仍然采用百分比，樣式margin0 auto就可以自動居中了采用百分比能夠自動適應窗口，但不會小于頁面元素中最寬的固定寬度一般頁面寬度可以設置為1002px1024的分辨率下剛好滿屏，不出現(xiàn)橫向 滾動條。

9、quot自適應網(wǎng)頁設計quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動探測屏幕寬度，然后加載相應的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreen。

10、所謂自適應，就是對所支持的分辨率有一個預先定義好的寬度具體做法是，1，使用js根據(jù)屏幕分辨率來設置html寬度，不同的分辨率采用不同的html寬度2，采用固定寬度然后居中對齊或者左對齊或者右對齊3，由用戶選擇或者調整。

11、min980pxcss文件里要用百分比的方式來布局，這樣布局就自適應了，另外字體的大小也要用自適應才行，如大小用em做單位當布局縮小時，布局也有相應的改變，如隱藏一些不大重要的內容最好就是找一些響應式網(wǎng)頁設計的書籍。

12、lttable在本例中，名為“說明”的列，內容比較長，個人認為可以將此列設置為浮動寬度列，用以自適應頁面的寬度解決此問題的方法是在明細行的td中，追加style=quotwordwrapbreakwordquot，這樣做可以使半角連續(xù)字符。

13、HTML網(wǎng)頁的開發(fā)中，需要對大小不一的屏幕兼容，使圖片在不同的設備中可以展示預期的效果自適應屏幕的寬度，利用css中background屬性可以實現(xiàn) 工具材料 瀏覽器，文本編輯器 新建一個HTML文件，代碼如下圖 打開HTML文件所在。

14、使用百分比，比如 lt img src=#39aipg#39 style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標簽，比如ltdiv lt img src=#39aipg#39 style=#39width50%#39 ltdiv 那圖片大小就是div寬度的。

15、跨域下的iframe自適應高度 跨域的時候，由于js的同源策略，父頁面內的js不能獲取到iframe頁面的高度需要一個頁面來做代理方法如下假設下的一個頁面ahtml要包含下的一個頁面chtml我們使用。