问CSS3图像分辨率属性
EN

Stack Overflow用户

提问于 2010-08-16 15:38:32

回答 2查看 10.5K关注 0票数 0

我尝试在我的图像上应用CSS3 image-resolution属性，但没有效果，这是我的代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />

<title>resize image </title>
<style>
.high{ image-resolution:300dpi;}
.low{ image-resolution:0dpi;}
</style>
</head>

<body>
<img   class="low"id="img1" src="orginal.jpg" border="0" />

<img   class="high"id="img1" src="orginal.jpg" border="0" />
</body>
</html>

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-08-16 15:41:49

首先，id属性必须是唯一的，因此避免给两个不同的元素提供相同的id (这只是在语义上是不正确的)

其次，您是否检查了您的浏览器是否理解该属性？我非常确定这是一个非常特殊的属性，可能只有几个浏览器可以正确解释它。

我甚至不确定有没有浏览器可以处理这个属性，因为CSS3还在开发中，只有最新的甚至还没有发布的浏览器版本才能解释它。

票数 4

Stack Overflow用户

发布于 2013-05-02 09:28:05

我还没有测试，但可能会工作=)

@media  screen ( min-resolution: 300dpi) {
    img{
        image-resolution: 300dpi; 
        width: 50%;
        height: auto;
    }
}
@media  screen ( min-resolution: 72dpi) {
    img{
        image-resolution: 72dpi;
        width: 100%;
        height: auto
    }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3491361

复制

相似问题

问CSS3图像分辨率属性
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3图像分辨率属性EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3图像分辨率属性
EN