html - 非响应页面的视口(viewport)？

Question

我有一个宽度为 600 像素且无响应的页面。但是，我无法将宽度完全拉伸(stretch)到设备的宽度。

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