移动端页面开发的常见问题
来源:互联网 发布:怎样重新注册淘宝账号 编辑:程序博客网 时间:2024/05/29 15:21
1、页面高度渲染错误
在各移动端浏览器中经常会出现这种页面高度100%的渲染错误,页面低端和系统自带的导航条重合了,高度的不正确我们需要重置修正它,通过javascript代码重置掉:
document.documentElement.style.height = window.innerHeight + 'px';
2、移动端点击事件出现高亮
-webkit-tap-highlight-color:rgba(0,0,0,0);//-webkit-tap-highlight-color:transparent;
3、苹果手机的一些设置
<meta name="apple-mobile-web-app-capable" content="yes">
如果content设置为yes,Web应用会以全屏模式运行,反之,则不会。content的默认值是no,表示正常显示。你可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。
4、format-detection设置。
<meta name="format-detection" content="telephone=no"><meta name="format-detection" content="email=no">
format-detection 启动或禁用自动识别页面中的电话号码、邮箱地址。
5、禁止复制、选中文本
Element { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
6、长时间按住页面出现闪退
element { -webkit-touch-callout: none;}
7、iphone及ipad下输入框默认内阴影
Element{ -webkit-appearance: none; }
8、ios和android下触摸元素时出现半透明灰色遮罩
Element { -webkit-tap-highlight-color:rgba(255,255,255,0)}
9、旋转屏幕时,字体大小调整的问题
*{ -webkit-text-size-adjust:100%; }
10、顶部状态栏背景色
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
11、浏览器私有及其它meta
(1)QQ浏览器私有
<meta name="x5-fullscreen" content="true">//全屏模式<meta name="x5-orientation" content="portrait">//强制竖屏<meta name="x5-orientation" content="landscape">//强制横屏<meta name="x5-page-mode" content="app">//应用模式
(2)UC浏览器私有
<meta name="full-screen" content="yes">//全屏模式<meta name="screen-orientation" content="portrait">//强制竖屏<meta name="screen-orientation" content="landscape">//强制横屏<meta name="browsermode" content="application">//应用模式
部分内容转载自http://www.mahaixiang.cn/ydseo/1529.html,http://www.mamicode.com/info-detail-1187764.html
阅读全文
0 0
- 移动端页面开发的常见问题
- 移动端开发常见问题
- 移动端web开发常见问题
- 移动端web开发常见问题
- 移动端web开发常见问题
- 移动端web开发常见问题
- 移动端Web页面常见问题解决
- 移动端页面开发
- 移动端页面开发
- 如何进行移动端的页面开发?
- 移动端页面开发的“坑”
- 移动端页面开发遇到的问题
- 如何进行移动端的页面开发
- 移动web 页面常见问题总结
- 前端移动端页面开发
- 前端移动端页面开发
- 移动端web开发开发技巧和常见问题
- 移动端页面开发遇到的一些问题
- Echarts使用心得总结——异步数据加载与更新(二)
- Ubuntu/Debian下JAVA 中文/图片中文字体乱码显示问题解决方法
- Java注解@Inherited的使用
- Android数据库框架的操作能力(笔记)
- iDesktop扩展开发——定制带有行业风格的系统
- 移动端页面开发的常见问题
- ES6-JS 基本类型和引用类型详解
- stm32函数中大数组问题
- 剑指offer-树的子结构 判断二叉树B是不是A的子结构
- javaDoc 批量生成指令
- Xml配置里的bean自动装配与使用外部属性文件
- C语言union的用法
- Java 构造函数的详解
- err_name_not_resolved 问题