使用@media实现移动端使用@2x,@3x切换
Posted wubaiwan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用@media实现移动端使用@2x,@3x切换相关的知识，希望对你有一定的参考价值。
/*dpr比值为1的css代码 */
div{
width:300px;
height:200px;
background:url(img/[email protected]) ;
}
/* dpr比值为2的css代码 */
@media screen and (-webkit-device-pixel-ratio: 2) {
div{
width:300px;
height:200px;
background:url(img/[email protected]) ;
}
}
/*dpr比值为3的css代码 */
@media screen and (-webkit-device-pixel-ratio: 3) {
div{
width:300px;
height:200px;
background:url(img/[email protected]) ;
}
}
以上是关于使用@media实现移动端使用@2x,@3x切换的主要内容，如果未能解决你的问题，请参考以下文章