移动端适配

最新推荐文章于 2024-08-10 18:45:37 发布

GUfeifei___

最新推荐文章于 2024-08-10 18:45:37 发布

阅读量238

点赞数

文章标签： css html 移动开发

本文链接：https://blog.csdn.net/GUfeifei___/article/details/120910661

版权

本文主要探讨移动端适配，介绍了单位的使用，如绝对定位的px、相对定位的%和CSS3的rem。接着讲解了常见的布局方式，包括双飞翼、圣杯布局、CSS3的弹性布局（Flex）以及响应式设计。详细解析了Flex布局的主轴方向设置，如flex-direction属性，并阐述了Flex项目的关键属性，如order、flex-grow、flex-shrink和flex-basis。

摘要由CSDN通过智能技术生成

1.移动端

meta标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
meta标签表示：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例 
minimum-scale=1.0：表示最小的缩放比例 
maximum-scale=