Author Archives: bigCat

WebAPP ViewPort iPhone5 黑边解决方案

ViewPort 详解

最好先仔细看一遍苹果官方文档 

Configuring the Viewport 容易被忽略的就是即使 width=640的时候,scale=1是按照device-width而不是按照640的大小

举一个栗子: iPhone 的 device-width 等于320,如果我设置 width=640,scale=1

那么一坨 160px 宽的容器实际上会显示成一半屏幕那么宽
而不是以640作为scale=1的基数,显示成1/4屏幕宽

Continue reading

缩进, Tab 还是空格?

TabsSpacesBoth

圣战

圣战个毛线

Android 好还是 iOS 好,Windows 好还是 Mac 好,编辑器好还是 IDE好,中划线好还是下划线好…
写代码这么多年,会遇到很多奇葩的毫无意义的所谓脑残粉的争论

昨天 @willerce 同学刚入职就提了个问题: 缩进用 Tab 还是空格的规范貌似没有啊?
大家突然意识到有这个问题…至少证明这不是啥大问题,或者算还没暴露出来的小问题
甚至…因为统一用 IntelliJ IDEA 自动被解决了还蒙在鼓里

随着深入的学习,发现了还是有讲究的…

Continue reading

BUG 收集

Android 版本 2.3 background-size 必须要-webkit Android 版本 4 1. fix和transform不能同时搞(http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/ ) 2. fix 之后图片模糊… 3. input设置了行高之后会缩到左上角bug-line-height   iOS 出键盘的时候所有position:fixed的东西都会同absolute

viewport_bug

导致 解决方案: online casino


Android 2.3 -webkit-border-radius 不支持 % 单位。
在 ios 6.0 上,元素同时存在阴影、边框、圆角时,圆角50%不圆,需要添加了额外的 div 包裹。

微信各种BUG、技巧汇总

BUG:

Android 4.0
微信4.5.1 会导致打开的网页文字非常小
重现机型 galaxy s3, 三儿子 iOS6 下改变字号,JS获取的高度还是原始字号的高度  

ios微信
webview里 iframe 里的 input ,双击之后出不了菜单,导致无法输入  

android 2.3 4.5微信
webview刷新还没过期css的话,返回200,而不是304

无法打开自定义scheme 例如

公众账号 图文列表不认识中文文件名图片 Continue reading

二维码

经常会看到有产品的 Android / iOS 下载是分成2个二维码 为何不去后台判断下? 例 PHP

$ua = strtolower($_SERVER['HTTP_USER_AGENT']);
    $type = 'other';
    if(strpos($ua, オンライン カジノ  'iphone') || strpos($ua, 'ipad')){
        $type = 'ios';
    }
    if(strpos($ua, 'android')){
        $type = 'android';
    }
    return $type;

移动终端开发测试工具汇总

  腾讯移动测评实验室 http://melt.tencent.com/ 百度移动云测试中心(MTC)
1. 提供指定网址在不同分辨率/系统版本下的截图
2. 提供可实时操作的不同分辨率/系统版本远程模拟器

Weinre 腾讯版
1. 速度快,性能好
2. Weinre本身限制,调试器不完整

Media Query 兼容性测试 测测手机 ratio 和分辨率啥的 casino online Plunk 单页面功能可用性测试 The Responsinator 快速过常见不同分辨率下表现 Can I use CSS/JavaScript/HTML/SVG 等属性兼容列表 CSS3 Please 快速生成CSS3和预览 移动web app开发—–调试篇 补一刀   求补充,多了就归类整理