我在使用移动设备上的媒体查询设置多个固定宽度的网站时遇到问题。
如果我的设计具有 400 像素的最小固定宽度,这比大多数智能手机都要宽。
使用元标记设置:meta name="viewport" content="width=device-width"
iOS 将以 400px 渲染页面,然后将其缩放以适应设备屏幕。完美。
Android 将以 400 像素(很棒)呈现页面,但不会缩放以适应(该死)。
我如何告诉 Android 自动缩放页面以适应?
尝试修复:
我宁愿我的用户不必缩小或水平滚动。我知道您可以关闭用户缩放元数据并自动缩放页面,但重要的是用户仍然可以缩放页面,因此,我不能使用此解决方案。
理想情况下,我的设计应该是流畅的,不幸的是很多元素只能在 400px 下工作,因此这(至少对于这个项目来说)是我的最小宽度。