我正在设计需要响应的网站。
我的问题是,在移动设备中,这些网站起初显示的宽度比屏幕宽。这意味着我可以向左或向右移动它,就像主容器没有“固定”到 100%。但它是:
#main-container {
width: 100%;
}
但是一旦我“捏”屏幕(用手指一起按),网站就完美呈现,所有 DIVS 都在屏幕内,网站可读。就像一个完美的响应式网站。
如果我刷新或导航到子页面,该站点再次比屏幕大,需要放在一起,一切都会再次正常。
它发生在 414 像素宽以下的所有智能手机(Android 和 iphone)中。平板电脑及以上都可以
我怎么能对我的网站“说”它们应该在设备内打开,无论它在哪里?