随笔分类 - 移动web
摘要:1. -webkit-overflow-scrolling:touch是什么? MDN上是这样定义的: -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。touch: 使用具有回弹效果
阅读全文
摘要:一、css相关 1、去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)。 2、iphone手机Safari浏览器里面的广告图自动消失 页面能够解析出来展示的DOM,命名不要用ad,比如选择器命名,图片命名,如果浏览器安装了ABP广告拦截插件,会出现闪屏现象。 3、f
阅读全文
摘要:H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 空白页基本meta标签 其他meta标签 常见问题: 移动端如何定义字体font-family 打电话发短信写邮件怎么实现 移动端touch事件(区分webkit和winphone) 移动端click
阅读全文
摘要:写移动端的web开发时, 需要清除IOS本身的各种样式: 1.消除ios按钮原生样式, 给按钮加自定义样式: 2.有圆角话 3.去除Chrome等浏览器文本框默认发光边框 4.去掉高光样式: 5.所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了,但我们可以重新根据自己的需要设置一下 6.去除
阅读全文
摘要:来自大佬的回答: 我在我们的页面中加了很多,除了ios10以上的safari不兼容以外还没有遇到过不兼容的情况。
阅读全文
摘要:之前拿到一个设计图,Placeholder是白色的,所以就查看了一下改变placeholder的方法: 同时,根据http://caniuse.com/,这个方法可以支持IE10以上的浏览器。而且placeholder属性也是兼容到IE10以上的浏览器。 所以两个不存在一个兼容,另外一个不兼容的问题
阅读全文
摘要:从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下。 input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { background: #4D90FE; border: 1px solid #4D90BB; color: whi
阅读全文
摘要:前言:这里收集一些业内见到的移动端浏览器的兼容性问题. 如果大家也也到过, 欢迎补充. 1 虚拟键盘引起的兼容问题。 2 touch 事件引起的问题. 3 iOS 和 android 系统导致的差别。比如,微信内置浏览器 4 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 解决方案: <meta
阅读全文