响应式网站和非响应式
响应式网站和非响应式
leona_lily 发表于3年前
响应式网站和非响应式
  • 发表于 3年前
  • 阅读 61
  • 收藏 0
  • 点赞 0
  • 评论 0

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

摘要: 响应式网站和非响应式

什么是响应式网站响应式网站:在网站开发过程中根据用户行为以及设备环境进行相应的操作和布局,使网站可针对不同平台、尺寸和定向进行智能化调整, 实现了在智能手机和平板电脑等多种智能移动终端浏览效果的流畅,防止页面变形,并可在任一浏览终端进行网站数据的同步更新,响应式网站可兼容多个智能移动 浏览终端,并自动适应其屏幕尺寸,风格统一,增加网站辨识度。


关于非响应式网站的viewport

一个很常见的错误是,很多人常常使用initial-scale=1到非响应式网站上,这会让网站以100%宽度渲染而不会自动缩放,

用户需要手动移动页面或者缩放。最差的是和initial-scale=1同时使用user-scalable=no或maximum-scale=1,

这将使你的网站不能被缩放——用户不能放大/缩小网页来看到全部的内容。所以,请记住:如果你的网站不是响应式的,

请不要使用initial-scale或者禁用缩放。

所以一般可以写成这样

<meta name=name ="viewport" content="width=device-width, user-scalable=no, minimal-ui">

宽度是设备的宽度,不允许用户缩小放大,iso7.0的时候任务栏可以最小化


标签: 响应式
共有 人打赏支持
粉丝 9
博文 91
码字总数 37807
×
leona_lily
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: