您现在的位置是:网站首页>文章内容文章内容

2 行代码,让你的 UI 适配移动端、PC 端

李鹏2022-08-22前端1956人已围观

1:在 html 文件的里写

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

2:再给 body 加个样式

body { min-width: 320px }

注意:320px 需要根据实际情况修改。你的网页能在哪个最小的宽度展示完全,就设置为多少。但是最小设置为 320px 就够了。

0

文章评论

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

我的名片

姓名:李鹏

职业:PHP工程师

现居:广东-深圳

网址:https://www.lipeng93.cn