0

我正在设计需要响应的网站。

我的问题是,在移动设备中,这些网站起初显示的宽度比屏幕宽。这意味着我可以向左或向右移动它,就像主容器没有“固定”到 100%。但它是:

#main-container {
    width: 100%;
}

但是一旦我“捏”屏幕(用手指一起按),网站就完美呈现,所有 DIVS 都在屏幕内,网站可读。就像一个完美的响应式网站。

如果我刷新或导航到子页面,该站点再次比屏幕大,需要放在一起,一切都会再次正常。

它发生在 414 像素宽以下的所有智能手机(Android 和 iphone)中。平板电脑及以上都可以

我怎么能对我的网站“说”它们应该在设备内打开,无论它在哪里?

4

1 回答 1

0

也许定义initial-scale元标记viewport会对您有所帮助。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在此处阅读更多信息:https ://www.w3schools.com/css/css_rwd_viewport.asp

于 2017-12-12T10:09:46.123 回答