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

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

其實主要就是改掉HTML頁面聲明：

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

復(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 - 用戶是否可以手動縮放

精簡點的話，可以把上面的代碼更改為以下代碼，效果是一樣的：

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

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

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

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

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

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