h5手機(jī)端頁面怎么自適應(yīng)屏幕高度？Meta name=“viewport”content=“width=device width，initial scale=1.0，minimum scale=0.5

h5手機(jī)端頁面怎么自適應(yīng)屏幕高度？

Meta name=“viewport”content=“width=device width，initial scale=1.0，minimum scale=0.5，maximum scale=2.0，user scale=yes”/>通過在頁面中添加上述語句，頁面寬度可以自動(dòng)適應(yīng)手機(jī)屏幕的寬度。其中：width=device width：表示寬度是設(shè)備屏幕的寬度；initial scale=1.0：表示初始比例；minimum scale=0.5：表示最小比例；maximum scale=2.0：表示最大比例；user scale=yes：表示用戶是否可以調(diào)整比例。

html怎么手機(jī)自適應(yīng)屏幕大?。?/h2>

頁面自適應(yīng)屏幕的方法（以下字母和標(biāo)點(diǎn)符號為專業(yè)代碼）：

無論是電腦還是手機(jī)，實(shí)現(xiàn)自適應(yīng)屏幕都是一樣的。

首先，在網(wǎng)頁代碼的頭部添加一行視口標(biāo)簽。Viewport是網(wǎng)頁的默認(rèn)寬度和高度。以上代碼行表示網(wǎng)頁寬度默認(rèn)等于屏幕寬度（寬度=設(shè)備寬度），原始比例（初始比例=1）為1.0，即網(wǎng)頁初始大小占屏幕面積的100%。不允許用戶將視口的寬度縮放到設(shè)備的實(shí)際分辨率。

html5怎么讓圖片自適應(yīng)？

[effect

]圖像會(huì)自動(dòng)展開和收縮，不會(huì)超過屏幕寬度

[principle

]CSS控制圖像的最大寬度

[Code

]例如，可以直接在圖像代碼中設(shè)置樣式

或者為圖像指定一個(gè)統(tǒng)一的類名，如response img，然后在中設(shè)置類CSS文件，例如

最大寬度：100%

}]