小编And*_*anc的帖子

仅限CSS的max-height和max-width

我在这里的第一篇文章.

我正在使用div以相同的比例裁剪缩略图(180wx170h).在处理肖像和风景图像时,我会陷入困境.如果我使用这个肖像风格的图像很好:

.crop img {max-height:170px; width:auto} 
Run Code Online (Sandbox Code Playgroud)

..并且适用于风景图像:

.crop img {max-width:180px; height: auto;} is fine for landscape style images.  
Run Code Online (Sandbox Code Playgroud)

所以我基本上想要如果横向和顶部/底部如果肖像裁剪侧面.有点像优先最大高度和最大宽度.

我知道这可以通过PHP轻松完成,但我真的只知道CSS,这将是我的第一选择.

我需要保持图像的宽高比.

css image

23
推荐指数
2
解决办法
5万
查看次数

标签 统计

css ×1

image ×1