方法一按住ctrl鍵然后在滑動鼠標，向下滑是縮小，向上滑是放大方法二點擊瀏覽器的“頁面縮放”，在移動到相應的比例就好方法三瀏覽器現(xiàn)在設置里都有一個選項是適應屏幕點擊適應屏幕即可自動適應當前頁面大??；PS當然也有一些方法，比如css3的flexbox布局使用flex布局，可以非常方便地實現(xiàn)各種自適應布局但是，它只適用于移動終端只有PC端的高版本瀏覽器兼容，低版本瀏覽器不兼容HTML多行文本框怎么設置寬度1首先打開H。

在文檔流中，DIV的高度默認就是根據(jù)內(nèi)容的高度自適應的如果是想適配不同設備的窗口大小，可以設置百分比或者通過position定位，然后設置top和bottom值再或者利用css3的flexbox布局，設置父級的display為flex，方向為縱的；img的寬高隨窗口變化而變化，包裹img的div也隨之變化 1打開代碼編輯器1html代碼的編寫3css代碼的編寫4js的代碼編寫5在移動端手指觸摸輪播圖切換效果代碼的編寫6也可以使用bootstrap框架直接引入css文件。

2 調(diào)整視口 代碼實例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動端開發(fā)實例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlin；方法如下假設下的一個頁面ahtml要包含下的一個頁面chtml我們使用下的另一個頁面agenthtml來做代理，通過它獲取iframe頁面的高度，并設定iframe元素的高度ahtml中包含iframeltifra。

這是html的frame框架屬性里有個叫scrolling的屬性，它就是用來設置框架是否可以滾動的屬性；aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以參考菜鳥教程CSS3 @medi。

一自適應網(wǎng)頁設計 自從2010年，Ethan Marcotte提出了 “自適應網(wǎng)頁設計”Responsive Web Design這個名詞，指可以自動識別屏幕寬度并做出相應調(diào)整的網(wǎng)頁設計他制作了一個 范例，里面是福爾摩斯歷險記六個主人公的；1用dw編輯器建立了一個靜態(tài)頁面 2將建好的靜態(tài)頁命名為csshtml，標題為了“css如何設置圖片大小自適應”3在body中添加兩個p，設置不能的寬度，并設class為p1和p2，目的是用一樣的css控制圖片的寬度在不同的寬度容器。

這篇文章主要介紹了HTML5 移動頁面自適應手機屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標簽viewportH5移動端頁面自適應普遍使用的方法，理論上講使用這個標簽是可以適應所有尺寸的屏幕的，但是各設備；這就算是感應式設計了，也就是本文說的“屏幕自適應”由于設備分辨率不同，長寬比不同，如果設計一次，就要適應所有的屏幕包括PC，這個幾乎是不可能的主要有以下三種情況1 如果等比例縮放，內(nèi)部位置關系會發(fā)生變化。

解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對比學習再寫建議如果是小白的話，要不然不會自適應屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標簽文檔 解決方案3看你；左右自適應兩列布局用到float屬性 寬度按百分比設置下圖就是在手機中的樣子 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot margin 0padding 0。

html， body width100vh；如何配合框架使用1安裝 2mainjs引入 indexhtml要設置meta關于使用 為了要使用vant的樣式，rootValue應設置為375 設計圖是750px寬的，則寫的時候如果用px 則需要除以2，如果用rem的話，要自行計算 px7。

自適應網(wǎng)頁設計指能使網(wǎng)頁自適應顯示在不同大小終端設備上新網(wǎng)頁設計方式及技術當然，對一個新手來說可能聽起來有點復雜，其實它比你想象的簡單多了前提你有css基礎1在HTML頭部增加viewport標簽在網(wǎng)站HTML文件的。