. 解決策)
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; }}
幅:862px;
パディングトップ:0px;マージントップ:30px; :250px;
}
@media(min -width:368px){
.book_wrapper{ margin-left:30px; } @ media(min-width:768px){}
コードに括弧がありません。
ドンmin-width を max-width に変更する必要があると思いますか?ここで変更してみてください~~
min-width は max-width である必要があります