视口 meta：
html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
媒体查询 @media
rem /vw 适配方案
移动端 1px 细线问题
横屏竖屏适配
原创文章，作者：风在逍遥，如若转载，请注明出处：https://www.bjseo.xin/?p=62
六、变形与动画
上一篇
2026年4月22日 下午11:06
八、CSS 浏览器常见问题 + 解决方案（你最需要的）
下一篇
2026年4月22日 下午11:27
相关推荐
-
八、CSS 浏览器常见问题 + 解决方案（你最需要的）
1. 不同浏览器默认样式不一致 问题：margin、padding、列表样式、字体默认不一样 解决： 2. IE 兼容问题（低版本浏览器） 问题：不支持 flex、rgba、tra…
-
三、布局体系（最重要）
1. 标准流（默认） 块级、行内、行内块的区别 2. 浮动 float 3. 定位 position 4. Flex 布局（现代主流） 5. Grid 布局（二维布局）