科技

做好了网页怎么让它自适应手机屏幕

字号+ 作者:江苏在线 来源:未知 2019-10-27 09:05 我要评论( )

可选中1个或多个下面的关键词,搜索相关资料。也可直接点搜索资料搜索整个问题。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=dev

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。即让viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放。

  其次:网页宽度css一定要使用百分比width: xx%;,不能用绝对像素。当然可以width:auto;

  设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 需要注意是CSS代码顺序,由大到小排版CSS(判断浏览器宽度越大越放前),这样是因为逻辑关系,@media 判断CSS排错将导致判断失效。

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 手机网上能做网城半价的平台吗?

    手机网上能做网城半价的平台吗?

    2019-11-03 19:06

  • 我做一个手机网站可以生成为app吗?

    我做一个手机网站可以生成为app吗?

    2019-11-03 19:05

  • 怎么自己做一个浏览器最简单的但是一个需求就是可以注册账号然后

    怎么自己做一个浏览器最简单的但是一个需求就是可以注册账号然后

    2019-10-30 01:45

  • 有没有什么网站专门对手机性能做评价的?

    有没有什么网站专门对手机性能做评价的?

    2019-10-30 01:44

网友点评
精彩导读
热门资讯
关注我们
关注微信公众号,了解最新精彩内容