,這句程式碼意思是網頁寬度預設等於螢幕寬度,原始縮放比例為1.0。"/> ,這句程式碼意思是網頁寬度預設等於螢幕寬度,原始縮放比例為1.0。">

首頁  >  文章  >  web前端  >  html自適應螢幕代碼是什麼?

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

angryTom
angryTom原創
2020-02-07 17:27:3022783瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn