问题描述
我正在尝试使用HTML和CSS进行响应式设计,这是我的问题:
I am trying to do a responsive design with using HTML and CSS, here is my problem:
如果仅调整窗口大小,则布局适合;如果仅缩放窗口,则布局又适合,但我没问题,但是,如果在调整窗口大小时进行缩放,则布局会中断.
If you only resize the window, the layout fits and if you only zoom, layout fits again, I have no problem with it, but if you zoom when the window is resized, layout breaks a little.
找到有关此的解决方案重要吗?我对200%,300%的缩放级别没问题,大多数情况下400%或500%对我来说都有些问题.
Is it important to find a solution about this? I have no problem with 200%, 300% levels of zoom, mostly 400% or 500% make some problems to me.
推荐答案
通常,响应式布局不需要缩放,因为它适合设备/浏览器窗口,并且被设计为手指友好"的.为了解决这个问题,您可以使用以下viewport
阻止用户缩放:
In general, a responsive layout shouldn't need to be zoomed because it fits the device/browser window and has been designed to be "finger-friendly". To help with that, you can use this viewport
to stop users from zooming:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
这篇关于对响应式设计中“缩放"的思考的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!