校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 一個手機自適應的網頁效果解決顯示頁面很小的問題

一個手機自適應的網頁效果解決顯示頁面很小的問題

熱門標簽:個貸電銷機器人 電話機器人宣傳片 華為收費站地圖標注 外呼智能系統報價 騰訊植物園地圖標注 巫山縣地圖標注app 經綸電銷機器人 浦東新區百度地圖標注圖片 鄒城智能外呼系統
工作需要,要做一個手機自適應的網頁效果,終于搞定,先分享并記錄!

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

在網頁中加入以下代碼,就可以正常顯示了:

復制代碼
代碼如下:

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

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

復制代碼
代碼如下:

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

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

PS:本人做了個效果頁面,可以用手機正常顯示哦,

標簽:唐山 那曲 廣西 楊凌 日喀則 滁州 南平 三沙

巨人網絡通訊聲明:本文標題《一個手機自適應的網頁效果解決顯示頁面很小的問題》,本文關鍵詞  一個,手機,自,適應,的,網頁,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《一個手機自適應的網頁效果解決顯示頁面很小的問題》相關的同類信息!
  • 本頁收集關于一個手機自適應的網頁效果解決顯示頁面很小的問題的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 临澧县| 铁力市| 思茅市| 吐鲁番市| 新乐市| 黄陵县| 靖远县| 大渡口区| 长岛县| 东丰县| 堆龙德庆县| 德州市| 阿图什市| 绵竹市| 宽城| 正宁县| 双流县| 婺源县| 吴川市| 武陟县| 广宁县| 鸡泽县| 错那县| 修水县| 南昌县| 伊宁县| 景德镇市| 巨野县| 临沭县| 西和县| 汤阴县| 方正县| 新丰县| 长泰县| 曲水县| 兴海县| 长沙县| 温宿县| 庆城县| 南阳市| 墨江|