1sters/material_design_zh

视频在 web chrome 中显示过大

vincent4j opened this issue · 3 comments

http://design.1sters.com/material_design/animation/responsive-interaction.html

看这个里面的视频,我一屏幕基本上还显示不下一个。我说的是电脑上的,不是手机。

建议:能不能通过 css 控制 video 的长高,但又不能写死,因为每个视频的长高本来就不一样,能不能按照百分比,比如说都缩小到现在的 50%

好了,修改了~

限定了最大宽度100%(解决手机上看被撑开的问题)和最大高度800px(笔记本电脑显示高度不够的问题),也就是这2句

.post-content video {margin: 2px 0; max-width: 100%; max-height: 800px;}

已经提交上线,看看效果,没问题的话,4j close下这个issue~

刚看过了,还是不行,还是太大。 @IceskYsl

先就这样,现在勉强能接受。如果后期反馈还很强烈的话,再修改吧。