随笔分类 -  Ios & Android

解决iphone横屏时字体变大问题或者内容大小不一样等...
摘要：? 1 2 3 4 5 6 7 8 前提修改文档声明，如有疑问，请看文章手机web2.0网页文档属性 @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and 阅读全文
posted @ 2017-12-22 14:29 对方屌丝正在输入中 阅读(862) 评论(0) 推荐(0)
为什么在移动端用rem圆角不圆
摘要：rem是根据网页效果图的尺寸来计算的，当然还要借助媒体查询来完成。例如你的设计稿如果是宽720px的话，那你的文字就要以原始大小除以11.25，就是对应下面媒体查询720px；例如16px的话就要16/11.25这样来计算。用之前要把下面这段代码放到你css文件里：@media only scree 阅读全文
posted @ 2017-09-26 12:01 对方屌丝正在输入中 阅读(1630) 评论(0) 推荐(0)
移动端弹出页面穿透问题
摘要：解决方案 1、弹出时给html标签追加height:100% 2、弹出父级元素追加overflow:hidden 3、弹出和遮罩 position:absolute 4、在页面顶部增加fixed ios会固定在顶部，不会出现系统下拉 demo 阅读全文
posted @ 2017-07-19 16:20 对方屌丝正在输入中 阅读(180) 评论(0) 推荐(0)
ios 输入框问题
摘要：去除ios输入框阴影 input,textarea{-webkit-appearance:none; outline: none; } ios有边框时设置boder-radius：0； 去除默认圆角问题 阅读全文
posted @ 2017-06-23 17:22 对方屌丝正在输入中 阅读(190) 评论(0) 推荐(0)
HTML5-长按事件
摘要：长按我 阅读全文
posted @ 2017-06-09 17:09 对方屌丝正在输入中 阅读(1391) 评论(0) 推荐(0)
移动端点击出现阴影 css解决方案
摘要：a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);} 阅读全文
posted @ 2017-03-31 16:38 对方屌丝正在输入中 阅读(1499) 评论(0) 推荐(0)
安卓app中嵌入一个H5页面,当手机系统设置字体变大时,如何使H5页面的字体不会随用户自己调整的系统字体变化而变化?
摘要：webview.getSettings().setTextZoom(100);WebView加上这个设置后,WebView里的字体就不会随系统字体大小设置发生变化了. https://segmentfault.com/q/1010000006068362?_ea=1015158 阅读全文
posted @ 2016-09-26 16:59 对方屌丝正在输入中 阅读(9328) 评论(1) 推荐(0)
移动端touchstart,touchmove,touchend
摘要：近段时间使用html5开发一个公司内部应用，而触摸事件必然是移动应用中所必须的，刚开始以为移动设备上或许也会支持鼠标事件，原来是不支持的，好在webkit内核的移动浏览器支持touch事件，并且打包成app也毫无压力。原本以为touch事件应该跟鼠标事件是一样的道理，实践过程中虽然不难，但还是碰到了 阅读全文
posted @ 2016-03-16 12:28 对方屌丝正在输入中 阅读(3093) 评论(1) 推荐(0)
border-radius在Android下的几个BUG
摘要：图片的外层元素添加border属性，border-radius属性设置成最大.img{width: 110px; height: 110px; border: 5px solid #ccc; border-radius: 999px;}.img img{width: 110px; height: 1... 阅读全文
posted @ 2015-12-29 17:54 对方屌丝正在输入中 阅读(767) 评论(0) 推荐(0)
手机移动端WEB资源整合
摘要：http://www.daqianduan.com/6281.htmlH5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针... 阅读全文
posted @ 2015-12-21 10:19 对方屌丝正在输入中 阅读(342) 评论(0) 推荐(0)
html5手机 input file 上传图片 调用API
摘要：直接调用相机调用相机 图片或者相册 阅读全文
posted @ 2015-12-04 15:49 对方屌丝正在输入中 阅读(581) 评论(0) 推荐(0)
IOS下移除按钮原生样式 -webkit-appearance
摘要：IOS环境下的按钮都是经过美化的，但通常我们在设计web app的时候不需要这些看上去老土的样式，所以，去除这些显得很有必要。下面这句代码就是重置这些样式的：-webkit-appearance: none;通常，我们在写移动端的web开发时，会zaicommon.css中添加以下CSS代码来：in... 阅读全文
posted @ 2015-01-04 12:02 对方屌丝正在输入中 阅读(275) 评论(0) 推荐(0)
用javascript判断当前是安卓平台还是ios平台
摘要：通常判断运行环境都是通过navigator.userAgentif (/android/gi.test(navigator.userAgent)){ // todo : android}if (/ipad|iphone|mac/gi.test(navigator.userAgent)){ ... 阅读全文
posted @ 2014-12-26 10:58 对方屌丝正在输入中 阅读(298) 评论(0) 推荐(0)
小技巧css解决移动端ios不兼容position:fixed属性，无需插件
摘要：移动端开发仿app头部底部固定设置position:fixed，android2.2以上已经实现。但是在ios8以下系统，当小键盘激活时，都会出现位置浮动问题。如图：如何解决：查阅资料之后想到一下几种解决方法1，使用position：absolute模拟问题来了：滑动页面时头部底部div会有明显的抖... 阅读全文
posted @ 2014-12-26 10:53 对方屌丝正在输入中 阅读(1708) 评论(0) 推荐(0)