1
kmvan 2014-09-04 14:41:49 +08:00 via Android
保持比例和裁剪就是一对矛盾
|
4
abelyao 2014-09-04 14:57:55 +08:00 2
可以,我的博客就是: http://www.abelyao.com/
使用的是一个 jQuery 插件:backstretch (http://srobbin.com/jquery-plugins/backstretch/) |
5
imcotton 2014-09-04 15:04:51 +08:00 1
|
7
Elethom 2014-09-04 15:05:09 +08:00 1
因為無法判斷寬高比, 所以不能通過純 CSS 實現. 需要用一層 container 作 mask, 通過 script 判斷此比例下較短的邊, 判斷後加入 style (以寬為較短邊為例) "width: 100%; height: auto;".
|
8
gangsta 2014-09-04 15:08:24 +08:00
|
11
fanpenghua 2014-09-04 16:31:17 +08:00
@abelyao blog 格调很高呀,点赞的节奏
|
12
abelyao 2014-09-04 16:48:23 +08:00
@fanpenghua 见笑了。都是一些很普通的内容,而且也很久没填坑了。
|
13
lill 2016-06-23 14:09:18 +08:00
楼主最后怎么搞定的?现在遇到同样的问题。用 background-size 在 ie 下图片缩小会失真
|
17
yxwqwgz 2016-07-28 16:54:52 +08:00
其实不一定非要用 img ,这个时候用 inline css 也是可以的:
<div style="background-img: url(...)"> background-size:cover; |
18
muziyue OP 使用
img { object-fit: cover; } 就可以了 和 background-size:cover; 效果一样的 |