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