[問題] 網頁 android browser 相容性

[j129008 (j129008)]

網站
http://www.pmck.com.tw/

HTC android browser 顯示問題
http://imgur.com/6hfBY7B,H3kEMpl

chrome 上正常顯示
http://imgur.com/6hfBY7B,H3kEMpl#1


圖片在chrome上可以隨寬度縮放

但是在HTC default 的android browser圖片卻無法隨寬度縮放



縮放的方法是

外層的class "twoEle" 的寬度是90vw

內層用max-width跟 min-width去做自動調整



為了讓窄螢幕可以讓內容置中, 在media query的部分

寬度小於900px的時候外層 max-width = 300px



不知道android browser那個東西不支援?

還是各個廠牌的android browser支援的東西不一樣

是否建議直接放推就好了?


只是我看到report上用android browser的人滿多的

所以想試著解決看看


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.113.235.116
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1438605370.A.395.html
推 aspdoctor: 圖片的display?
→ j129008: 我試過把display全部設為block了, 一樣不行
→ j129008: 有看過這篇 http://goo.gl/2htQ0d max-width not working
→ j129008: 在inline block模式下, max-width是無效的
→ j129008: 但是我改過之後依然無法做縮放
→ j129008: 找到問題了, 原來出問題的browser是chrome 11
→ j129008: 不支援max-width