非响应式页面的视口？

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" />