作者carylorrk (carylorrk)
看板Web_Design
标题[问题] max-width + max-height + hidden in iOS
时间Sat Feb 7 05:29:08 2015
虽然已经用 background 解决
不过还是好奇问一下这种写法符不符合标准
code:
http://jsfiddle.net/1rmb82cb/
目的很简单，只是要把大小不一致的图片排一排而已
外面包固定大小的 div + inline block + hidden
里面 img 就设 max 长宽
在 chrome 和 firefox 都如预期
但是在我的 iPad air2(iOS 8.1) 上却会出现不对齐的情况
看起来像是 hidden 没有 work?
因爲没有 Mac，webkit debug proxy 又连不到
debug 有点困难，上来请教一下。
--
顺便抱怨一下，不知道 storage 的标准什麽时候才有进展
indexedDB 已经算是公认的
但是 IE 和 Safari 实作还是有很大问题
Safari 可以用 polyfill 解决，IE...无解
在容量上也是差异很大
firefox 最宽容，只要使用者同意就 OK
再来是 chrome, 至少可以用 10%，而且可以 query usage 和 quota
但是 10% 在 mobile 上可能不太够用
最惨的是 iOS，寥寥 50MB，真的只能当 cache
filesystem 更别说了，Google、Mozilla 各玩各的
前几年写的东西翻出来想改成几乎纯 Web app 还是不行
看起来没有什麽进展啊...
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.34.244.41
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1423258152.A.F0B.html
※ 编辑: carylorrk (1.34.244.41), 02/07/2015 05:32:01