随笔分类 -  移动端

上一页 1 2
HTML5 隐藏地址栏 兼容IOS 与安卓
摘要：现在有一个问题： 如果手机是 一屏一屏的滑动的，就不能 隐藏了。来源:https://github.com/scottjehl/Hide-Address-Bar Test pageCross-device Address Bar Hide - Example 1 ... 阅读全文
posted @ 2015-07-10 17:40 328201736 阅读(2029) 评论(0) 推荐(0)
html5 的头部
摘要： 阅读全文
posted @ 2015-07-09 13:47 328201736 阅读(125) 评论(0) 推荐(0)
多行文字实现垂直居中 css3
摘要：用到的属性： display:table-cell; verical-align:middle; 多行文字实现垂直居中 现在我们要使这段文字垂直居中显示！ 下面看 display 的各个属性：常用display1、div{di... 阅读全文
posted @ 2015-07-08 13:11 328201736 阅读(811) 评论(0) 推荐(0)
div中溢出文字用点代替
摘要：div中溢出文字用点代替的代码 web标准常见问题大全web标准常见问题大全大全web标准大全web标准大全web标准大全web标准大全web标准 web标准常见问题大全web标准常见问题大全 web标准常见问题大全web标准常见问题大全 web标准... 阅读全文
posted @ 2015-07-07 14:47 328201736 阅读(910) 评论(0) 推荐(0)
h5 与 IOS 、安卓 配合的要注意要几点
摘要：1、 要从H5 加标式，到APP 到的webview。 对于加标式的规则的要注意 第一： 可以用 a 标签， 加一个href 点 第二： 可以给当前元素加 点击事件。$("#c").click(function(){ window.location.href="tag?name=w"}) 标式的规则... 阅读全文
posted @ 2015-07-01 13:48 328201736 阅读(412) 评论(0) 推荐(0)
IOS字符转义 URL encode 的方法
摘要：当H5 要接受 一个 操作密码或是密码是， 需要IOS 字符转义才可以用。 转义函数如下：function UrlDecode(zipStr){ var uzipStr=""; for(var i=0;i0x7f){ uzipStr+=decodeURI("... 阅读全文
posted @ 2015-07-01 09:15 328201736 阅读(2695) 评论(0) 推荐(0)
GET方法后 获取url 后面指定的 参数的 值
摘要：/*获取url地址中指定参数的值*/ function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.se... 阅读全文
posted @ 2015-06-30 14:48 328201736 阅读(500) 评论(0) 推荐(0)
在iPhone4的微信，切换效果时背景会闪一下
摘要：今天在做移动端满屏切换效果的时候，遇到了一个坑。在iPhone4下的微信里面，上下满屏切换的时候，背景会先闪一下，这个应该是在ios5的系统下回出现的一个bug。找了很久，后来发现了css3的一个属性backface-visibility，解决方案就是在全局样式里面加上：*{ -webkit-... 阅读全文
posted @ 2015-06-30 14:30 328201736 阅读(377) 评论(0) 推荐(0)
移动端取消touch高亮效果1
摘要：在做移动端页面时，会发现所有a标签在触发点击时或者所有设置了伪类 :active 的元素，默认都会在激活状态时，显示高亮框，如果不想要这个高亮，那么你可以通过css以下方法来禁止：.xxx { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}这个设... 阅读全文
posted @ 2015-06-30 14:26 328201736 阅读(421) 评论(0) 推荐(0)
ios 关闭自动修正输入内容
摘要：和英文输入默认自动首字母大写那样，IOS还做了一个功能，默认输入法会开启自动修正输入内容，这样的话，用户经常要操作两次。所以这个功能有方便和不方便之处，如果有些业务不需要这个功能，可以通过前端代码关闭。如果不需要的话，可以这样： 阅读全文
posted @ 2015-06-30 14:24 328201736 阅读(676) 评论(0) 推荐(0)
移动端前端笔记大全
摘要：键盘触发事件； onKeyUp 不兼容。可以用oninput事件。改变 input内容 时触发1、 手机的 手机号 输入框用 多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法：方法一：在不想使用缓存的input中添加... 阅读全文
posted @ 2015-06-25 13:50 328201736 阅读(202) 评论(0) 推荐(0)
移动端手机网站限制input只能输入数字
摘要：类型是 tel 类型， autocomplete="off" 是关闭 缓存。 maxlength="8" 是限制 输入的 数字的个数。 阅读全文
posted @ 2015-06-25 13:48 328201736 阅读(1048) 评论(0) 推荐(0)
hack在微信等webview中无法修改title的情况
摘要：今天下午弄的半天的， 最后终于解决了。 APP 上 。动态更改了 一个网页的标题。 只有 在IOS 设备上， 用微信打开时， 标题读不出来。其它都是在正常的，找了半天，还来IOS 在微信打开时， 动态更改 网页标题不起作用。 解决办法如下；上代码:var $body = $('body');docu... 阅读全文
posted @ 2015-06-24 18:18 328201736 阅读(614) 评论(0) 推荐(0)
避免文本字体大小重置
摘要：手机IOS 在横屏的时候，会把字体的大小重置，为了避免这一问题存在， 在CSS 文件里 加放以后代码。 同时为了 兼容其它的设备， html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%; ... 阅读全文
posted @ 2015-06-23 11:23 328201736 阅读(153) 评论(0) 推荐(0)
为webapp应用制定IOS，Android桌面快捷图标
摘要：制作方式比较简单，即在webapp 的页面head中插入以下代码： 可以看到，针对不同分辨率的设备将会引用不同的png文件，此处png则为桌面快捷图标文件。上传文件到服务器上，用Safari或者Chrome打开网站，按菜单中的添加到主屏幕即可，这里截... 阅读全文
posted @ 2015-06-23 10:59 328201736 阅读(520) 评论(0) 推荐(0)

上一页 1 2