Materialise - 如何使长的垂直图像停止在模态内溢出
Materialize - How do I make a long vertical image stop overflowing inside a modal
我有一个长的垂直图像从弹出模式溢出,导致出现滚轮。我已经尝试使用 responsive-img
class,但这并不能阻止图像溢出。我可以让它停止的唯一方法是设置像素限制,但这会导致图像看起来失真并且没有响应。
你可以这样设置图片风格:
img {
height: 100%;
max-width: 100%;
object-fit: contain;}
它现在将是其父级的 100% 高度,在您的情况下是模态,宽度是响应式的。
随意将其更改为您认为最佳的任何值。
我有一个长的垂直图像从弹出模式溢出,导致出现滚轮。我已经尝试使用 responsive-img
class,但这并不能阻止图像溢出。我可以让它停止的唯一方法是设置像素限制,但这会导致图像看起来失真并且没有响应。
你可以这样设置图片风格:
img {
height: 100%;
max-width: 100%;
object-fit: contain;}
它现在将是其父级的 100% 高度,在您的情况下是模态,宽度是响应式的。
随意将其更改为您认为最佳的任何值。