案例:一排滑动图片
display: flex; overflow-x: scroll;
下面用林子的表情演示
当我将一列图片摆成一排,正常浏览器会显示出来,比如edge和chrome
魅族自带的浏览器会这样挤在一起,除非你手动去触发一次css改变比如border,width之类的才会恢复,浏览器内核是Gecko,是什么原因导致的呢
@echo醉老仙,你能用
[html] 代码 [/html]
写一个完整的例子吗?
@咯叽,@老虎会游泳,
HTML代码
@咯叽,可能是吧
@echo醉老仙,via浏览器(系统webview,基于chromium),同样的html代码,@消息里就是拉伸的,帖子里就正常:
@
@echo醉老仙,你看看你的@消息里是不是拉伸的
@老虎会游泳,帖子和提醒,edge不拉伸,魅族自带浏览器拉伸,这里没有设定图片高度,在别的项目中已经固定宽高也依然是这样
@echo醉老仙,你试试设置成max-height: 64px这样
max-height: 64px
@老虎会游泳,你这么一说,我灵光一闪,设置了min-width,貌似解决了,我的项目中并没有遇到图片高度问题,而是被挤压的状态,图片并没有撑开应有的宽度,现在设置后正常了
min-width
@echo醉老仙,你能用
写一个完整的例子吗?