首页 > 代码库 > 常见移动web注意点
常见移动web注意点
欢迎补充。
- 视口
<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%:宽度方向上进行适配。高度则自适应。
常见移动web注意点
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。