电脑端正常显示如下：
手机端情况如下：
在电脑端写的页面 到了手机浏览器上显示元素会过宽 居中什么的也不对了
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
前端菜鸟想问下在电脑端写的页面如何适配移动端？(不用管电脑端如何显示，只要手机端正常显示就行) 要用啥布局吗，感觉手机端单位是不是一般不用 px？
romancekami · Jan 22, 2022 · 1957 viewsThis topic created in 1588 days ago, the information mentioned may be changed or developed.
电脑端正常显示如下：
 |
1
Pooc Jan 22, 2022  1
1. 写两套，或者自适应
2. flex 用布局比较多 3. 移动端用 px 转 rem 或者 vw |
 |
2
linkopeneyes Jan 23, 2022 1
1.如果是博客门户网站这种一般都是给最外层容器规定一个最大宽度，然后媒体查询变一下布局，flex 布局的话不要写死宽度就好了，最简单用 tailwind 就好了
2.用 vw 的话主要是只能移动设备看了 |
 |
3
rongchuan Jan 23, 2022 1
最简单的，使用原生 css 的方式是 @media,参考[链接]( https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media)
根据屏幕大小，简单写一套样式即可，移动端推荐用 rem |
 |
4
jones2000 Jan 23, 2022
找产品经理出一套适配的 UI ， 然后开搞。
|
 |
5
romancekami OP @rongchuan 了解了一下 之前还不知道有媒体查询，确实是我的知识漏洞 非常感谢！
|
Select Language