作者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/m.aspx?n=bbs/Web_Design/M.1423258152.A.F0B.html
※ 編輯: carylorrk (1.34.244.41), 02/07/2015 05:32:01