html移动Web开发----优化浏览器视口宽度设置
html移动Web开发----优化浏览器视口宽度设置
gethub_sl 发表于2年前
html移动Web开发----优化浏览器视口宽度设置
  • 发表于 2年前
  • 阅读 31
  • 收藏 1
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

 在移动设备上,要使移动设备无论竖屏还是横屏,都能使页面内容的宽度和设备的屏幕宽度相匹配,使文字易读性大大提高,我们可以按一下方法操作:

在<head>标签内添加<meta name="viewport" content="width=device-width">  由此使视口的宽度设置为匹配设备的宽度。

对于这个问题,一些较老版本的移动设备浏览器不能识别“viewport”,可以采用下面的方法:

在<head>标签内添加<meta name="HandheldFriendly" content="true">

对于微软的PocketPC,需要使用一个特别的“MoblieOptimized”属性:

<meta name="MoblieOptimized" content="320">

因此对于该问题最完整的解决方案的代码如下:

<meta name="viewport" content="width=device-width">

<meta name="MoblieOptimized" content="true">

<meta name="HandheldFriendly" content="320">

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 22
码字总数 4460
×
gethub_sl
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: