欢迎补充。
- 视口
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- 默认字体sans-serif
- 点击高亮效果
/* 清除点击高亮效果 */ -webkit-tap-highlight-color: transparent;
- 盒子模型
/* 设置 宽/高度以边框开始计算,默认是content-box */ -webkit-box-sizing: border-box; box-sizing: border-box;
- 清除input默认样式
-webkit-appearance: none; border: none;
- 限制大小,如京东的手机端
min-width: 320px; max-width: 640px;
- 伪类选择器
/* 第一个元素,最后一个元素,第n个元素 */ elem:first-of type elem:last-of type elem:nth-of type(n)
- 宽度100%:宽度方向上进行适配。高度则自适应。
时间: 2024-08-28 10:31:50