让网页的宽度自动适应手机屏幕的宽度(viewport)

您所在的位置:网站首页 安卓手机网页缩放设置 让网页的宽度自动适应手机屏幕的宽度(viewport)

让网页的宽度自动适应手机屏幕的宽度(viewport)

2024-07-02 14:49| 来源: 网络整理| 查看: 265

1,所有的scale指令都是相对于ideal viewport的。无视layout viewport设置了多少,所以maximum-scale=3意味着最大的缩放值是ideal viewport的300%

2,layout viewport能被设置成ideal viewport。width=device-width和initial-scale=1指令可以做到。 3,针对某个设备的ideal viewport而做出的网站,在其他设备上的表现也不会相差非常多甚至是表现一样的,这是因为市场上虽然有不同分辨率,不同型号的手机,但是他们的ideal viewport是十分接近的。 4,ideal viewport会随设备转向而改变。如Iphone 5s 尺寸为320*568。在竖屏模式下宽度为320px,而在横屏模式下宽度为568px。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3