主頁(yè) > 知識(shí)庫(kù) > 一個(gè)手機(jī)自適應(yīng)的網(wǎng)頁(yè)效果解決顯示頁(yè)面很小的問(wèn)題

一個(gè)手機(jī)自適應(yīng)的網(wǎng)頁(yè)效果解決顯示頁(yè)面很小的問(wèn)題
熱門標(biāo)簽：個(gè)貸電銷機(jī)器人 電話機(jī)器人宣傳片 華為收費(fèi)站地圖標(biāo)注 外呼智能系統(tǒng)報(bào)價(jià) 騰訊植物園地圖標(biāo)注 巫山縣地圖標(biāo)注app 經(jīng)綸電銷機(jī)器人 浦東新區(qū)百度地圖標(biāo)注圖片 鄒城智能外呼系統(tǒng)
工作需要，要做一個(gè)手機(jī)自適應(yīng)的網(wǎng)頁(yè)效果，終于搞定，先分享并記錄！

其實(shí)主要就是改掉HTML頁(yè)面聲明：

在網(wǎng)頁(yè)中加入以下代碼，就可以正常顯示了：

復(fù)制代碼
代碼如下:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>

解釋：

width - viewport的寬度
height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動(dòng)縮放

精簡(jiǎn)點(diǎn)的話，可以把上面的代碼更改為以下代碼，效果是一樣的：

復(fù)制代碼
代碼如下:

<meta content="width=device-width,user-scalable=no" name="viewport">

最后就是不要設(shè)置太大的具體寬度屬性了，比如你在網(wǎng)頁(yè)把Body的寬度屬性設(shè)為1000px，這肯定是不行的了，但是可以設(shè)置為90%，這是屏幕自適應(yīng)的。

PS：本人做了個(gè)效果頁(yè)面，可以用手機(jī)正常顯示哦，

標(biāo)簽：唐山 那曲 廣西 楊凌 日喀則 滁州 南平 三沙

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《一個(gè)手機(jī)自適應(yīng)的網(wǎng)頁(yè)效果解決顯示頁(yè)面很小的問(wèn)題》，本文關(guān)鍵詞  一個(gè),手機(jī),自,適應(yīng),的,網(wǎng)頁(yè),；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《一個(gè)手機(jī)自適應(yīng)的網(wǎng)頁(yè)效果解決顯示頁(yè)面很小的問(wèn)題》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于一個(gè)手機(jī)自適應(yīng)的網(wǎng)頁(yè)效果解決顯示頁(yè)面很小的問(wèn)題的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章