無響應頁面的視口？

Question

我有一個寬度爲600px且無響應的頁面。但是，我無法將寬度拉伸至設備寬度。

<style> 
html, body { 
    margin: 0px; 
    height: 100%; 
    width: 100%; 
    padding:0px 
} 
</style> 
<meta name="viewport" content="width=600"> 

這樣做的正確方法是什麼？

Answer 1

你需要給width=device-width這樣：

<style> 
html, body { 
    padding: 0; 
    margin: 0 auto;  /* Center the body */ 
    max-width: 600px; /* Your app width. */ 
} 
</style> 
<meta name="viewport" content="width=device-width, initial-scale=1" />