css - 响应式设计中的 'zoom' 思考

标签 css layout responsive-design zooming

我正在尝试使用 HTML 和 CSS 进行响应式设计,这是我的问题:

如果你只调整窗口大小,布局适合,如果你只缩放,布局再次适合,我没有问题,但是如果在调整窗口大小时缩放,布局会中断一点。

找到有关此问题的解决方案很重要吗?我对 200%、300% 的缩放级别没有问题,主要是 400% 或 500% 给我带来了一些问题。

最佳答案

一般来说,响应式布局不需要缩放,因为它适合设备/浏览器窗口并且被设计为“手指友好”。为了帮助解决这个问题,你可以使用这个 viewport阻止用户缩放:

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

关于css - 响应式设计中的 'zoom' 思考,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18447604/

相关文章:

html - 响应式 4 部分布局

android - 嵌套 View Flipper 布局

html - 是否可以让 SVG 比例适合父对象,同时保持静态填充大小?

css - Bootstrap div 在移动 iphone 上中断

html - 为什么 Internet Explorer 手机会放大元素?

javascript - Selenium / python : extract text from a dynamically-loading webpage after every scroll

javascript - MSIE9 -- 当同时调整宽度和填充的 CSS 时,输入/文本区域中的文本不服从当前填充

css - Bootstrap 轮播照片列表不起作用

CSS 以流体中心水平划分屏幕,其余部分顶部和底部相等

html - css3 运行标题不工作