注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

梦幻雪冰

技在手,能在身,思在脑,从容过生活——陈能堡

 
 
 

日志

 
 

【转载】移动端  

2016-01-07 22:26:32|  分类: 移动端专题 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自珠玛雅《移动端》

1、如何定义字体font-family:中文字体使用系统默认即可,英文用Helvetica

2、ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉:

a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}

3、winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉:

<meta name="msapplication-tap-highlight" content="no">

4、webkit表单元素的默认外观怎么重置:

input,select{
-webkit-appearance:none;
        appearance:none;  
}
5、webkit表单输入框placeholder的颜色值能改变么:
input::-webkit-input-placeholder{color:#AAAAAA;}
input:focus::-webkit-input-placeholder{color:#EEEEEE;}
6、webkit表单输入框placeholder的文字能换行么:ios可以,android不行~
7、禁止ios 长按时不触发系统的菜单,禁止ios&android长按时下载图片:
.css{-webkit-touch-callout: none}
8、禁止ios和android用户选中文字:
.css{-webkit-user-select:none}
9、打电话发短信写邮件怎么实现:
<a href="tel:0755-10086">打电话给:0755-10086</a>
<a href="sms:10086">发短信给: 10086</a>
<a href="mailto:peun@foxmail.com">peun@foxmail.com</a>
10、audio元素和video元素在ios和andriod中无法自动播放:
$('html').one('touchstart',function(){
    audio.play()
})
11、摇一摇功能:









 HTML5 deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。

12、手机拍照和上传图片:<input type="file">的accept 属性

<!-- 选择照片 -->
<input type=file accept="image/*">
<!-- 选择视频 -->
<input type=file accept="video/*">

使用总结:

  • ios 有拍照、录像、选取本地图片功能
  • 部分android只有选取本地图片功能
  • winphone不支持
  • input控件默认外观丑陋


13、ios使用-webkit-text-size-adjust禁止调整字体大小

14、取消input在ios下,输入的时候英文首字母的默认大写:

<input autocapitalize="off" autocorrect="off" />

15、android 上去掉语音输入按钮:

input::-webkit-input-speech-button {display: none}
android 2.3 bug
@-webkit-keyframes 需要以0%开始100%结束,0%的百分号不能去掉
after和before伪类无法使用动画animation
border-radius不支持%单位
translate百分比的写法和scale在一起会导致失效,例如-webkit-transform: translate(-50%,-50%) scale(-0.5, 1)
android 4.x bug
三星 Galaxy S4中自带浏览器不支持border-radius缩写
同时设置border-radius和背景色的时候,背景色会溢出到圆角以外部分
部分手机(如三星),a链接支持鼠标:visited事件,也就是说链接访问后文字变为紫色
android无法同时播放多音频audio


fixed bug(用isroll.js)
ios下fixed元素容易定位出错,软键盘弹出时,影响fixed元素定位
android下fixed表现要比iOS更好,软键盘弹出时,不会影响fixed元素定位
ios4下不支持position:fixed

16、常用的移动端框架
zepto.js  、iscroll.js 、underscore.js  、滑屏框架(slip.js  、iSlider.js 、fullpage.js




 

  评论这张
 
阅读(75)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017