最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
手机网站宽度自动适应手机屏幕
时间:2022-11-14 22:17:40 编辑:袖梨 来源:一聚教程网
YPE >
方法一:
| 代码如下 | 复制代码 |
|
|
|
在网页的
中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。其中:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:
| 代码如下 | 复制代码 |
|
|
|
方法二:
把这段
替换为这段
注:此方法在iPhone下横屏时宽度会超过屏幕宽度出现滚动条,解决方法就是加上方法一的代码
相关文章
- 教育改革最新方向与实施路径 - 2026年政策解读 06-11
- Claude企业版版权风险说明:6项企业合规检查清单 06-11
- 《迷你世界》地下基地怎么建造-地下基地建造详细步骤 06-11
- 《无敌找茬王2》宫廷宴会通关攻略 06-11
- 龙族:卡塞尔之门辉夜姬介绍 06-11
- 梦幻新诛仙轻享版职业全解 梦幻新诛仙轻享角色全解析 06-11