相关疑难解决方法(0)

使用 CSS 缩小图像……图像在多个浏览器中都很模糊

我在几个浏览器中遇到缩小 IMG 的问题......图像需要缩小,因为它们响应浏览器大小......这是我的代码:

#pic-holder img {
    -moz-transform: rotate(0deg);
    /*image-rendering:-webkit-optimize-contrast;*/
    max-width: 70%;
    width:900px;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index:1;
Run Code Online (Sandbox Code Playgroud)

}

-moz-transform: 旋转 (0deg); 让图像在多个版本的 Firefox 中变得更清晰。Chrome 看起来很完美,没有问题……但是 Safari 7 看起来很糟糕……有人知道我能做什么吗?使用 JS 更改 Retina 显示的图像?它不必缩减这么多信息?我知道缩小不是一个非常聪明的解决方案,但是我还能做些什么来让响应式图像在改变浏览器的宽度和高度时被缩放?

谢谢你!

css safari firefox image

5
推荐指数
1
解决办法
9143
查看次数

标签 统计

css ×1

firefox ×1

image ×1

safari ×1