0

想调整这个链接上的两个按钮http://screencast.com/t/FhNIYgSNcfE就像下面提到的那样

@media only screen and (min-width: 380px) and (orientation:portrait) {
    nav ul li a.try_now{ border:solid 1px #06a1d1;  padding:0px 45px;}
    nav ul li a.buy_now{ border:solid 1px #f49000; padding:0px 42px;}
    nav ul li a.log_in{ border:solid 1px #000; position:relative; behavior:url(PIE.php); border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 130px 5px 125px; line-height:23px; font-size:13px; background:url(../images/inner-images/log_in.png) repeat-x;}
    nav ul li a.log_in span.lock{ background:url(../images/inner-images/lock.png) no-repeat; width:11px; height:17px; float:left; position:absolute; left:35%; top:25%; padding:0 10px 0 0;}

}


@media only screen and (max-width:480px){
    nav ul li a.try_now{ border:solid 1px #06a1d1;  padding:0px 86px;}
    nav ul li a.buy_now{ border:solid 1px #f49000; padding:0px 72px;}
    nav ul li a.log_in{ border:solid 1px #000; position:relative; behavior:url(PIE.php); border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 130px 5px 125px; line-height:23px; font-size:13px; background:url(../images/inner-images/log_in.png) repeat-x;}
    nav ul li a.log_in span.lock{ background:url(../images/inner-images/lock.png) no-repeat; width:11px; height:17px; float:left; position:absolute; left:35%; top:25%; padding:0 10px 0 0;}
}

链接在这里：

http://dev.ixod.com/contracts/ixod/level1.html

4

0 回答 0