html自适应屏幕代码是什么？

136 阅读 0 评论 90 点赞

我是靠谱客的博主缥缈丝袜，这篇文章主要介绍html自适应屏幕代码是什么？，现在分享给大家，希望可以做个参考。

html自适应屏幕代码是什么？

html屏幕自适应代码如下：

复制代码<meta name="viewport" content="width=device-width, initial-scale=1" />1
<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]–>1
<!–[if lt IE 9]><script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script><![endif]–>
登录后复制

推荐学习：html教程

以上就是html自适应屏幕代码是什么？的详细内容，更多请关注靠谱客其它相关文章！