移动端问题解决
来源:互联网 发布:2008经济危机数据 编辑:程序博客网 时间:2024/06/13 23:45
1。单位之谜
今天做了适配移动端的项目,发现了很多问题,自己并不是很了解css的单位,平时做的项目也是pc端偏多,如今做了移动端的项目,才发现很多问题的出现,比如:在pc明明是好好的单位在移动端却乱了,在移动端一定要设置
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
这样用户在看界面不能放大,样式也就不会被改变。
px:像素(Pixel),相对于设备的长度单位,像素是相对于显示器屏幕分辨率而言的。像素 (计算机屏幕上的一个点)。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
em:任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
2。用户体验
点击事件设置在整行内,用户体验很好,比如当点击一个单选框时,可以设置单选框一定范围的点击事件。
3。点击事件背后会出现蓝色背景
解决移动端点击事件背后会出现蓝色背景或者闪退,就设置-webkit-tap-highlight-color:transparent;
- 移动端调试-问题解决
- 移动端问题解决
- 移动端body宽度不正常问题解决
- 移动端Web页面问题解决方案
- 移动端滚动穿透的问题解决
- 40条常见的移动端Web页面问题解决方案
- 当移动端软键盘弹出时错位问题解决方案
- 移动端绝对定位无法隐藏的问题解决方案
- 40条常见的移动端Web页面问题解决方案
- 40条常见的移动端Web页面问题解决方案
- 40条常见的移动端Web页面问题解决方案
- 40条常见的移动端Web页面问题解决方案
- 40条常见的移动端Web页面问题解决方案
- 移动web小问题解决方案
- unity在移动端的字体不能调节大小问题解决办法
- 倾力总结40条常见的移动端Web页面问题解决方案
- 移动端关于@2x与@3x的图片加载问题解决方法
- js-移动端android浏览器中input框被软键盘遮住的问题解决方案
- 解决SourceInsight中文乱码
- 半程序员的自我修养
- POJ 3335 Rotating Scoreboard(半平面交模版题)
- spring boot errorPageFilter 冲突问题。
- linux学习笔记(二)文件操作命令
- 移动端问题解决
- APM-pinpoint实践
- iOS app版本更新和版本号的比较
- python __doc__
- [Leetcode] 288. Unique Word Abbreviation 解题报告
- java的类加载机制
- 实现不等概率抽奖
- Linux 常用基本命令 重定向
- 嵌入式Linux驱动笔记二)------定时器