html自適應螢幕代碼是什麼?

angryTom
發布: 2020-02-07 17:27:30
原創
22769 人瀏覽過

html自適應螢幕代碼是什麼?

html自適應螢幕程式碼是什麼?

html螢幕自適應程式碼如下:

<meta name="viewport" content="width=device-width, initial-scale=1" />
登入後複製

參數解釋:

viewport是網頁預設的寬度和高度,上面這行程式碼的意思是,網頁寬度預設等於螢幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網頁初始大小佔螢幕面積的100%。

相容性設定:

所有主流瀏覽器都支援這個設置,包括IE9。對於那些老式瀏覽器(主要是IE6、7、8),需要使用css3-mediaqueries.js。

<!–[if lt IE 9]><script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script><![endif]–>
登入後複製

推薦學習:html教學

#

以上是html自適應螢幕代碼是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板