科技

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

字号+ 作者:江苏在线 来源:未知 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-10-27 09:04

  • dreamweavercs5制作手机网站

    dreamweavercs5制作手机网站

    2019-10-27 09:03

  • 网页制作作业用HTML写的可以用手机做吗现在是真的没有电脑啊

    网页制作作业用HTML写的可以用手机做吗现在是真的没有电脑啊

    2019-10-27 02:43

  • 手机网站设计并制作一个网站能在手机页面打开的在电脑上设计本地

    手机网站设计并制作一个网站能在手机页面打开的在电脑上设计本地

    2019-10-27 02:43

网友点评