您当前的位置：首页 > 建站常识 > css强化

不同的分辨率识别不同的css-兼容

2015-12-14

　　最近，在做网页，发现很多地方需要用到屏幕分辨率网页兼容问题；所以，站长今天总结了一下，如下图，

　　代码如下：

　　@media only screen and (max-width: 1920px)

　　{

　　.head img{height:783px;width:1903px}

　　}

　　@media only screen and (max-width: 1680px)

　　{

　　.head img{height:685px;width:1663px}

　　}

　　@media only screen and (max-width: 1600px)

　　{

　　.head img{height:658px;width:1583px}

　　}

　　@media only screen and (max-width: 1440px)

　　{

　　.head img{height:592px;width:1423px}

　　}

　　@media only screen and (max-width: 1400px)

　　{

　　.head img{height:569px;width:1383px}

　　}

　　@media only screen and (max-width: 1366px)

　　{

　　.head img{height:555px;width:1349px}

　　#d_tab29 .d_next{top:1315px;}

　　#d_tab29 .d_prev{top:1315px;}

　　}

　　具体写法：

　　@media only screen and (max-width: 您的屏幕分辨率px)

　　{

　　您的css

　　}

CSS颜色体系学习小结(	深入浅析border和outl
border:none与border:	CSS隐藏属性加载问题