解決移動端適配問題

<meta name="viewport" content="width=device-width, initial-scale=1">

viewport 虛擬視口,比屏幕寬,不會將網頁擠在一個很小的視口中

width=device-width 讓寬度等于設備的寬度

initial-scale=1 頁面第一次載入時縮放的比例,設置為1,不縮放

讓視口的寬度等于物理設備上真實的分辨率,初始的縮放比例為1,也就是不縮放,能夠讓網頁顯得更加細膩。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原文地址 在移動設備上進行網頁的重構或開發,首先得搞明白的就是移動設備上的viewport了,只有明白了viewp...
    matthewm閱讀 1,565評論 0 4
  • 剛開始做移動端web開發的同學應該都碰到過頁面適配問題,為什么我在開發手機上調試好的頁面在其他手機會有這樣或那樣的...
    留七七閱讀 19,485評論 5 80
  • (轉自:http://blog.csdn.net/tengdazhang770960436/article/det...
    一個廢人閱讀 741評論 0 1
  • 樂天知命,珍愛每一個朝陽升起的今天 就命運而言,休論公道。 我們看到的命運是毫無道理的,專開玩笑,慣愛捉弄人,慣愛...
    藍心永兒閱讀 394評論 0 4
  • 小時候電腦還未普及的時,流行過一段問候卡,大抵是過年時較多,生日偶爾也會收到,當然零零后可能就不知道了。 一般來說...
    雪方明閱讀 153評論 0 0