HTML标签结束了我的响应式设计

我有一个HTML/CSS代码，你可以看到它在这个link HTML标签结束了我的响应式设计

<div id="geral"> 

<div id="topo"> 

</div> 

<div id="meioPage"> 

<div id="Menu_B"> 

</div> 

<div id="Feed"> 

</div> 

<div id="Menu_C"> 

</div> 

</div> 

</div>

这段代码的问题是，它是为了接管整个屏幕（响应式设计），其最小尺寸为800x600，最大尺寸为4k（比他没有将其设计为响应式设计更多）

以一种奇怪的方式，代码完美无缺地使用HTML标签，现在我添加了这些在我的代码标签：

<!DOCTYPE HTML> 
    <html> 
    <head> 
    <title>My Web Page</title> 
    <!--<meta http-equiv="X-Frame-Options" content="deny">--> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    </head> 
    <body> 

//Here I put the other code up 

    </body> 
</html>

响应式设计停止工作，不再占用整个屏幕。

一个例子就是上面发送的链接页面，JSFddle站点自动添加HTML标签，但是如果你测试这个没有标签的代码会看到响应式设计回来工作，我该如何解决这个问题？有一些代码要放在HTML标签中？

来源

2015-02-09 LettersBa

我唯一能想到的就是body标签重写了一些东西 – 2015-02-09 19:15:24

_“以一种奇怪的方式，代码完美地工作，没有HTML标签，现在我在代码中添加了这些标签，响应式设计停止工作，不再占据整个屏幕。“_ - 您事后添加了哪些标签？另一方面，我检查了上面的链接。它究竟做了什么，它不应该或者相反，它不应该做什么，它应该是什么？你的问题有点不清楚...... – War10ck 2015-02-09 19:16:34

@ War10ck我创建了这个没有HTML标签的代码，当我完成我的代码时，我添加了HTML标签，令我惊讶的是响应式设计不再工作...... – LettersBa 2015-02-09 19:19:12

加元视口标签：

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

使得响应网站必须把这个所以浏览器知道这是有求必应，同为移动设备，你的头标记时。

来源

2015-02-09 20:44:13

HTML标签结束了我的响应式设计

回答

相关问题