我在哪里需要将这些视口元标记放在我的html和css文件中?

时间:2016-10-10 20:23:25

标签: html css responsive-design

我把这些标签放在我文件的末尾,但它们不起作用;它们应该放在我的文件中? HTML标记

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

和CSS标签

@-ms-viewport{ width: device-width; }

2 个答案:

答案 0 :(得分:2)

将第一个代码块放在HTML标题标记之间:

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

第二个应该放在你的css文件的顶部,所以它应该是全局的。

答案 1 :(得分:0)

通常,元素(包括视口)应放在文档<head>中。

CSS规则应该添加到CSS样式表中并使用<link>元素引用,或者,如果您因某种原因未使用样式表,则应在<style>元素中引用(也在文件<head>)。

headmetastylelink元素的文档。