前端菜鸟想问下在电脑端写的页面如何适配移动端？(不用管电脑端如何显示，只要手机端正显示就行) 要用啥布局吗，感觉手机端单位是不是一般不用 px？
romancekami 2022-01-22 21:51:23 +08:00 1572 次点击这是一个创建于 1365 天前的主题，其中的信息可能已经有所发展或是发生改变。
电脑端正常显示如下： 
手机端情况如下：
在电脑端写的页面 到了手机浏览器上显示元素会过宽 居中什么的也不对了
 | 1 Pooc 2022-01-22 23:59:43 +08:00  1 1. 写两套，或者自适应 2. flex 用布局比较多 3. 移动端用 px 转 rem 或者 vw |
 | 2 linkopeneyes 2022-01-23 01:04:49 +08:00 1 1.如果是博客门户网站这种一般都是给最外层容器规定一个最大宽度，然后媒体查询变一下布局，flex 布局的话不要写死宽度就好了，最简单用 tailwind 就好了 2.用 vw 的话主要是只能移动设备看了 |
 | 3 rongchuan 2022-01-23 14:22:11 +08:00 1 最简单的，使用原生 css 的方式是 @media,参考[链接]( https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media) 根据屏幕大小，简单写一套样式即可，移动端推荐用 rem |
 | 4 jones2000 2022-01-23 14:32:33 +08:00 找产品经理出一套适配的 UI ， 然后开搞。 |
 | 5 romancekami OP @rongchuan 了解了一下 之前还不知道有媒体查询，确实是我的知识漏洞 非常感谢！ |
Select Language