开启辅助访问
帐号登录 |立即注册
艾Q网»家园 › Web前端 › CSS+HTML › 手机网站的宽度自适应

手机网站的宽度自适应

 
admin  管理员 | 2022-11-3 10:03:00 | 上一主题 | 下一主题 | 显示全部楼层 | 阅读模式
在网页的<head>中增加如下这段代码，可以让网页的宽度自动适应手机屏幕的宽度。

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes” />

  • width=device-width ：#表示宽度是设备屏幕的宽度
  • initial-scale=1.0  ：#表示初始的缩放比例
  • minimum-scale=0.5  ：#表示最小的缩放比例
  • maximum-scale=2.0  ：#表示最大的缩放比例
  • user-scalable=yes  ：#表示用户是否可以调整缩放比例

HTML
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

admin

管理员 楼主
1100
主题
1133
帖子
5115
积分

楼主热帖

相关帖子

标签云

seo 开发框架 jQurey 分页 选择器 圆角 滚动条 透明 循环 冒泡 正则表达式 Iframe HTML Discuz GD库 TP5 cookie 计时 Ajax JScript MYSQL 兼容性 API 计时器
友情链接
  • 艾Q网

    提供设计文章，教程和分享聚合信息与导航工具，最新音乐，动漫，游戏资讯的网站。