实在想不明白,这不科学啊_html/css_WEB-ITnose
程序员文章站
2022-04-06 21:34:31
...
.
book_wrapper{ width:862px; height:250px; padding-top:0px; position:absolute; top:100px; left:300px;/*加了下面的两个media 这个left值就失效了 下面两个media在手机上有效,把这两个media删 这个left在电脑上就有效了 这为什么啊 不科学啊 几个出名浏览器都用了*/@media(min-width:368px){ .look_wrapper{ left:30px; }}@media(min-width:768px){ .book_wrapper{ left:60px; }}
回复讨论(解决方案)
这个问题我都弄班天了 我是用eclipseu做的 然后用tomcat做服务器 再用手机手机浏览
.book_wrapper{
width:862px;
height:250px;
padding-top:0px;
position:absolute;
margin-top:30px;
margin-left:250px;
}
@media(min-width:368px)
{
.book_wrapper{
margin-left:30px;
}
}
@media(min-width:768px){
.book_wrapper{
margin-left:60px;
}
}
代码少了个中括号 重新发
没感觉应该把min-width改为max-width吗?改过来试试~~
min-width应该是max-width吧