首頁 > web前端 > html教學 > 实在想不明白,这不科学啊_html/css_WEB-ITnose

实在想不明白,这不科学啊_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-21 08:47:24
原創
1069 人瀏覽過

.

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吧

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
解決PHP錯誤顯示問題的方法
來自於 1970-01-01 08:00:00
0
0
0
JQ 用AJAX提交帶檔案上傳的表單問題
來自於 1970-01-01 08:00:00
0
0
0
PHP檔案執行問題
來自於 1970-01-01 08:00:00
0
0
0
運行PHP檔案變為下載
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板