2015-02-09 18 views
0

我有一個HTML/CSS代碼,你可以看到它在這個linkHTML標籤結束了我的響應式設計

<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標籤中?

+0

我唯一能想到的就是body標籤重寫了一些東西 – 2015-02-09 19:15:24

+1

_「以一種奇怪的方式,代碼完美地工作,沒有HTML標籤,現在我在代碼中添加了這些標籤,響應式設計停止工作,不再佔據整個屏幕。「_ - 您事後添加了哪些標籤?另一方面,我檢查了上面的鏈接。它究竟做了什麼,它不應該或者相反,它不應該做什麼,它應該是什麼?你的問題有點不清楚...... – War10ck 2015-02-09 19:16:34

+0

@ War10ck我創建了這個沒有HTML標籤的代碼,當我完成我的代碼時,我添加了HTML標籤,令我驚訝的是響應式設計不再工作...... – LettersBa 2015-02-09 19:19:12

回答

0

加元視口標籤:

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

使得響應網站必須把這個所以瀏覽器知道這是有求必應,同爲移動設備,你的頭標記時。