這篇文章將為大家詳細(xì)講解有關(guān)HTML中如何實(shí)現(xiàn)手機(jī)自適應(yīng)網(wǎng)頁(yè)的大小,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)專(zhuān)注于網(wǎng)站建設(shè),為客戶(hù)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)服務(wù),多年建網(wǎng)站服務(wù)經(jīng)驗(yàn),各類(lèi)網(wǎng)站都可以開(kāi)發(fā),品牌網(wǎng)站制作,公司官網(wǎng),公司展示網(wǎng)站,網(wǎng)站設(shè)計(jì),建網(wǎng)站費(fèi)用,建網(wǎng)站多少錢(qián),價(jià)格優(yōu)惠,收費(fèi)合理。
主要就是改掉HTML頁(yè)面聲明:
在網(wǎng)頁(yè)中加入以下代碼,就可以正常顯示了:
解釋?zhuān)?br/>width - viewport的寬度
height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶(hù)縮放到的最小比例
maximum-scale - 允許用戶(hù)縮放到的最大比例
user-scalable - 用戶(hù)是否可以手動(dòng)縮放
精簡(jiǎn)點(diǎn)的話,可以把上面的代碼更改為以下代碼,效果是一樣的:
最后就是不要設(shè)置太大的具體寬度屬性了,比如你在網(wǎng)頁(yè)把Body的寬度屬性設(shè)為1000px,這肯定是不行的了,但是可以設(shè)置為90%,這是屏幕自適應(yīng)的。
關(guān)于HTML中如何實(shí)現(xiàn)手機(jī)自適應(yīng)網(wǎng)頁(yè)的大小就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。