随笔分类 -  移动端

fastclick.js插件使用
摘要：引入插件步骤 ①在HTML页面中添加 <script type='application/javascript' src='/path/to/fastclick.js'></script> 注：必须在页面所有Element之前加载脚本文件先实例化fastclick ②在JS中添加fastclick的 阅读全文
posted @ 2017-12-26 22:46 \面朝阳光/ 阅读(1091) 评论(0) 推荐(0)
rem2
摘要：html{font-size:50px;}body{font-size:24px;}@media screen and (min-width:320px){ html{font-size:21.333333333333332px;} body{font-size:12px;}}@media scre 阅读全文
posted @ 2017-09-29 11:26 \面朝阳光/ 阅读(144) 评论(0) 推荐(0)
移动端响应式rem
摘要：(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function 阅读全文
posted @ 2017-09-29 11:25 \面朝阳光/ 阅读(121) 评论(0) 推荐(0)
系统按钮返回，一般都从缓存里直接取，现在想让他返回时重新加载
摘要：在head里面加这个meta <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content=" 阅读全文
posted @ 2017-09-26 15:24 \面朝阳光/ 阅读(188) 评论(0) 推荐(0)
解决移动端 手机号input 属性为 number，maxlength无效情况
摘要：11)value=value.slice(0,11)" /> 阅读全文
posted @ 2017-09-06 11:02 \面朝阳光/ 阅读(701) 评论(0) 推荐(0)
移动前端经验
摘要：原文链接：http://caibaojian.com/mobile-meta.html 上面给出了常用的一些meta属性，下面给一个对meta使用的理解。· meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，met 阅读全文
posted @ 2017-08-28 15:10 \面朝阳光/ 阅读(134) 评论(0) 推荐(0)
移动端开发需要加的meta
摘要：移动端开发需要加的meta和常用的css3媒体查询样式，移动开发中头部要加的一些常用meta。 css 适应不同手机 iphone 4和4s 阅读全文
posted @ 2017-08-28 15:06 \面朝阳光/ 阅读(939) 评论(0) 推荐(0)
解决移动端 footer fixd 定位被键盘顶起来的方案
摘要：直接上代码： $(document).ready(function () { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 va 阅读全文
posted @ 2017-08-25 10:44 \面朝阳光/ 阅读(452) 评论(0) 推荐(0)
HTML5网页如何调用浏览器APP的微信分享功能？
摘要：if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigato... 阅读全文
posted @ 2017-07-09 01:42 \面朝阳光/ 阅读(6862) 评论(1) 推荐(1)
移动端样式重置（2）
摘要：html{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} html,body{-webkit-user-sel 阅读全文
posted @ 2017-07-09 01:35 \面朝阳光/ 阅读(225) 评论(0) 推荐(0)
移动端样式重置（1）
该文被密码保护。
posted @ 2017-07-09 01:17 \面朝阳光/ 阅读(2) 评论(0) 推荐(0)