设计一个手机上的HTML5网页，ui界面设计时如何适配？

时间：2024-02-14 17:05:01 | 来源：网站运营

时间：2024-02-14 17:05:01 来源：网站运营

设计一个手机上的HTML5网页，ui界面设计时如何适配？：如果不用他给的接口就不会自动匹配，简直蛋疼的一笔。

要注意的是设计一个主板块，而且最好不要用px作单位，尽量用自带的居中或者用%来代替具体数值，不然网页会非常歪而且特别小。

据说网页自适应可以加一个代码

<meta name="viewport" content="width=device-width, initial-scale=1" />

在最上面用。

还有一个办法就是判断屏幕大小，依次做css

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 指定宽高px)"

　　　　href="你的css.css" />

好久没做了，不妨试试有没有效果