发表日期:2019-09 文章编辑:小灯 浏览次数:884
Html head 标签当中加入viewport标签
<metaname="viewport"content="width=100%; initial-scale=1.0; maximum-scale=1.0;user-scalable=0;" />
关键属性:viewport
什么是viewport?
手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中,这样会破坏没有针对手机浏览器优化的网页的布局,用户可以通过平移和缩放来看网页的不同部分。手机浏览器也基本支持。
Viewport属性介绍:width - viewport的宽度initial-scale - 初始的缩放比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放
另外body内容以table方式布局,可以保证不同分辨率自适应后的美观。
日期:2019-02 浏览次数:6424
日期:2019-02 浏览次数:4178
日期:2019-02 浏览次数:3920
日期:2019-02 浏览次数:4377
日期:2019-02 浏览次数:4103
日期:2019-02 浏览次数:7236
日期:2019-02 浏览次数:3962
日期:2019-02 浏览次数:4446
日期:2019-02 浏览次数:4297
日期:2019-02 浏览次数:3978
日期:2019-02 浏览次数:4317
日期:2019-02 浏览次数:4087
日期:2019-02 浏览次数:3986
日期:2019-02 浏览次数:3910
日期:2019-02 浏览次数:4650
日期:2019-02 浏览次数:4108
日期:2019-02 浏览次数:4101
日期:2019-02 浏览次数:4158
日期:2019-02 浏览次数:4117
日期:2019-02 浏览次数:4030
日期:2019-02 浏览次数:4396
日期:2019-09 浏览次数:4418
日期:2019-09 浏览次数:4070
日期:2019-09 浏览次数:4085
日期:2019-09 浏览次数:4037
日期:2019-09 浏览次数:4017
日期:2019-09 浏览次数:4113
日期:2019-09 浏览次数:4060
日期:2019-09 浏览次数:4529
日期:2019-09 浏览次数:5049
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.