mobile - 为什么视口 700px 不适合移动设备上的 700px 网站？

Question

我正在开发一个没有响应式调整的网站（大部分）。我让它在 PC 上看起来和在智能手机上看起来一样（智能手机优先方法）。没有框架或任何东西，只是漂亮干净的 html/css。我专门使它适合 700px 的宽度，所以我只需要声明 700px 宽的视口就可以了 - 但它不适合。

<meta name="viewport" content="700, initial-scale=1" />

但无论我尝试什么，该网站在智能手机上总是太大（在 android、brave 和 chrome 上测试）并且必须缩小以使其适合。这个怎么可能？页面上没有任何内容超过 600 像素。

这是开发中的网站https://zugergrafik.ch/betreibungsauszug/

我很感激任何意见

标签： mobileviewportscreen-size