Open hanyuxinting opened 5 years ago
移动前端开发 所有经验适用于:iOS6.0+, Android4.0+
这里推荐一些关于移动端开发的博文:
1、手机/移动前端开发需要注意的20个要点 2、移动端如何开始 3、移动web页面前端开发总结 4、大漠的移动端重构,从深入浅
希望对需要了解或者准备开发手机端页面的朋友有所帮助
meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari (new) 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 viewport模板 (new) 常见问题 移动端如何定义字体font-family 移动端字体单位font-size选择px还是rem (new) 移动端touch事件(区分webkit 和 winphone) (new) 移动端click屏幕产生200-300 ms的延迟响应 触摸事件的响应顺序 什么是Retina 显示屏,带来了什么问题 ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 部分android系统中元素被点击时产生的边框怎么去掉 winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 webkit表单元素的默认外观怎么重置 (new) webkit表单输入框placeholder的颜色值能改变么 webkit表单输入框placeholder的文字能换行么 IE10(winphone8)表单元素默认外观如何重置 禁止ios 长按时不触发系统的菜单,禁止ios&android长按时下载图片 禁止ios和android用户选中文字 打电话发短信写邮件怎么实现 模拟按钮hover效果 (new) 屏幕旋转的事件和样式 audio元素和video元素在ios和andriod中无法自动播放 摇一摇功能 (new) 手机拍照和上传图片 微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整 消除transition闪屏 开启硬件加速 取消input在ios下,输入的时候英文首字母的默认大写 android上去掉语音输入按钮 android 2.3 bug android 4.x bug 设计高性能CSS3动画的几个要素 fixed bug 如何阻止windows Phone的默认触摸事件 播放视频不全屏 (new) 常用的移动端框架 zepto.js iscroll.js underscore.js 滑屏框架 flex布局 (new) FastClick Sea.js
webkit 多行出现...
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
这个属性比较合适WebKit浏览器或移动端(绝大部分是WebKit内核的)浏览器。
UI上看起来textarea有内阴影的情况 但是怎么设置box-shadow:none;都无法去掉 可以试试用-webkit-appearance: none;
-webkit-appearance: none; -webkit-box-shadow: 0 0 8px #000000; box-shadow: 0 0 8px #000000; ios input元素会有很多默认样式,需要覆盖。比如input[type="radio"] input[type="checkbox"] 会有border和border-radius