不同的分辨率识别不同的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-兼容网页下图分辨率屏幕站长地方问题

上一篇：CSS3的transform旋转简单说明
下一篇：ul li文字垂直居中显示