作者j129008 (j129008)
看板Web_Design
标题[问题] 网页 android browser 相容性
时间Mon Aug 3 20:36:08 2015
网站
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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1438605370.A.395.html
1F：推 aspdoctor: 图片的display? 08/04 00:20
2F：→ j129008: 我试过把display全部设为block了, 一样不行 08/04 15:38
4F：→ j129008: 在inline block模式下, max-width是无效的 08/04 15:42
5F：→ j129008: 但是我改过之後依然无法做缩放 08/04 15:42
6F：→ j129008: 找到问题了, 原来出问题的browser是chrome 11 08/04 16:30
7F：→ j129008: 不支援max-width 08/04 16:30