HTML5手機端開發-適配手機端瀏覽器1
阿新 • • 發佈:2019-02-16
1、如何網頁的寬度自適應螢幕?
在head標籤裡新增以下程式碼:
<meta name="viewport" content="width=device-width"/>
2、在html加入以下程式碼確保手機的特效。
<meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />
3、 加上以下程式碼可使網頁在蘋果裝置上執行更好
4、加入這句話可以定義iphone的新增到主螢幕的圖示<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" />
<link rel="apple-touch-icon" href="./logo.png"/>
有更好的東西,大家來評論一下,學習學習。謝謝!