响应式站点在移动设备上缩小而不是调整
Responsive site scaling down on mobile rather than adjusting
我遇到了一些奇怪的行为,我不确定为什么会这样。
我正在建设一个网站。当 运行 在 Chrome 和 Safari 中本地显示时,它显示正常,一切都按照您的预期进行调整。然而,在响应模式下,当直接在移动设备上查看时,整个网站的大小都会缩小以适应。我的意思是整个网站的每个元素都在缩小尺寸以显示桌面尺寸。
我正在使用 Bourbon/Neat,这里和那里有一些 flexbox,我以前做过很多次。我从来没有经历过这个。有什么想法吗?
您可能需要添加
<meta name="viewport" content="width=device-width, initial-scale=1">
到 html
的 <head>
部分
Jordan 的回答方向正确,但对我不起作用。
Whosebug 上还有另一个 post,它有一个更全面的元标记,为我修复了它:
Small fonts in mobile website
我遇到了一些奇怪的行为,我不确定为什么会这样。
我正在建设一个网站。当 运行 在 Chrome 和 Safari 中本地显示时,它显示正常,一切都按照您的预期进行调整。然而,在响应模式下,当直接在移动设备上查看时,整个网站的大小都会缩小以适应。我的意思是整个网站的每个元素都在缩小尺寸以显示桌面尺寸。
我正在使用 Bourbon/Neat,这里和那里有一些 flexbox,我以前做过很多次。我从来没有经历过这个。有什么想法吗?
您可能需要添加
<meta name="viewport" content="width=device-width, initial-scale=1">
到 html
的<head>
部分
Jordan 的回答方向正确,但对我不起作用。
Whosebug 上还有另一个 post,它有一个更全面的元标记,为我修复了它:
Small fonts in mobile website