手機與PC結構

-1

我有一個簡單的桌面網站，我想重新設計每個頁面的手機。更清晰的桌面和移動版本會有所不同。手機與PC結構

我的想法是做如下：

<html> 

<style> 
#containermobile { 
display:none; 
} 
@media (max-device-width: 769px) { 

#containerPC{ 
display:none; 
</style> 

<div id="containerPC"> 
<body> 
</body> 
</div> 

<div id="containermobile"> 
<body> 
</body> 
</div> 
</html>

的PC網站能正常顯示。但移動網站正在顯示一個空白頁面。

我在做什麼錯？謝謝。

來源

2017-05-18 Theodore.us

中有多個CSS語法錯誤
你不能有兩個身體HTML文檔中

也許你正在尋找：

<html> 
 
<head> 
 
<style> 
 
@media (min-device-width: 770px) { 
 
    #containermobile {display:none;} 
 
} 
 
@media (max-device-width: 769px) { 
 
    #containerPC {display:none;} 
 
} 
 
</style> 
 
</head> 
 

 
<body> 
 

 
<div id="containerPC">pc</div> 
 
<div id="containermobile">mobile</div> 
 

 
</body> 
 

 
</html>

來源

2017-05-18 22:48:47

回答

相關問題