2016 - 2024

感恩一路有你

网页在手机上自适应 HTML网页如何自动适应手机屏幕?

浏览量:1734 时间:2021-04-14 18:23:39 作者:admin

HTML网页如何自动适应手机屏幕?

在页面代码的头部,添加一行view port meta标记。Viewport是网页的默认宽度和高度。上面的代码行表示网页的默认宽度等于屏幕宽度(宽度=设备宽度),原始比例(初始比例=1)为1.0,这意味着网页的初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置,包括IE9

不要使用绝对宽度。因为网页会根据屏幕宽度调整布局,所以不能使用绝对宽度布局或具有绝对宽度的元素。这个很重要。只能指定百分比宽度

相对大小字体不能使用绝对大小(PX),只能使用相对大小(EM)。

网页在手机上自适应 手机自适应页面代码 网页如何自适应手机屏幕

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。