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

在文檔流中，DIV的高度默認(rèn)就是根據(jù)內(nèi)容的高度自適應(yīng)的如果是想適配不同設(shè)備的窗口大小，可以設(shè)置百分比或者通過position定位，然后設(shè)置top和bottom值再或者利用css3的flexbox布局，設(shè)置父級的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；方法如下假設(shè)下的一個頁面ahtml要包含下的一個頁面chtml我們使用下的另一個頁面agenthtml來做代理，通過它獲取iframe頁面的高度，并設(shè)定iframe元素的高度ahtml中包含iframeltifra。

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

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

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

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

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

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