特产网站自适应CSS

佚名 6年前 (2019-05-15) 随笔 721人围观抢沙发百度已收录

下面是一个特产网站自适应CSS,这个特产自适应CSS通过屏幕宽度大小来进行适应的，而不是根据UA来判断，就加快了判断的速度，所以速度很快

中国特产站排名还是很好的，特别是手机端

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

li {
    list-style-type: none;
}
.header, .excerpt .cat, .now-page, .pagination span:hover, .pagination ul>li>a:focus {
	background-color: #C00;
}
.excerpt:hover {
	border-color: #C00;
}
.excerpt h2 a:hover {
	color: #C00;
}
#comments h4, #comments2 h4 {
	border-left-color: #C00;
}
#frmSumbit input[type="submit"] {
	background-color: #C00;
}
.excerpt-see-index h2 span {
	color: #C00;
}
.logo-m {
	background: #C00;
}
.excerpt {
	padding: 20px 20px 20px 255px;
}
@media (max-width: 640px) {
.excerpt {
	padding: 10px 10px 10px 180px;
}
}
@media (max-width: 480px) {
.excerpt {
	padding: 10px 10px 0px 120px;
}
}
@media (max-width: 800px) {
.header {
	background-color: transparent;
	padding: 0;
}
}