css - 在 Safari/Chrome 中缩放时,body 和 html 不会缩放到视口(viewport)之外

标签 css zooming viewport

我们已经编写了一个站点,在您开始使用 Safari/Chrome 的缩放功能之前,一切正常。

似乎某些元素缩放正确(请参阅附加屏幕截图中的搜索)形成水平滚动条,但 html 和 head 缩放比例不会超过视口(viewport)的 100%,因此当您向右滚动时,它看起来很糟糕……

我试过 width: 100% !important 和许多其他东西,但似乎没有任何影响,任何想法将不胜感激!

Example in Chrome, showing how html doesn't scale

最佳答案

修复似乎在 body 上放置了一个与容器宽度相同的最小宽度,这并不理想,但似乎可以解决问题……!

关于css - 在 Safari/Chrome 中缩放时,body 和 html 不会缩放到视口(viewport)之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21551740/

相关文章:

html - Bootstrap 不为移动设备格式化

javascript - 停止 d3 圆包标签重叠

jquery - 如何在离开视口(viewport)时暂停 html5 视频?

css - 防止在 HTML5 中滚动

css - 将行内 block DIV 对齐到容器元素的顶部

javascript - 如何使 animate.css(plugin) 在实时站点加载时立即工作?

layout - Sencha Touch v2 缩放布局问题

python - Pandas dataframe + groupby = x 轴刻度缩放失败

Cordova WP8 应用程序 - 防止拖动视口(viewport)

css - polymer 元素不显示使用自定义 CSS 属性传递的背景图像