2013-11-23 160 views
0

我遇到了網站問題。 這是一個jQuery的移動框架,響應式設計在Chrome和Firefox中運行良好,但在移動視圖上的Safari中沒有。 我檢查它,看起來像媒體查詢波紋管600px不工作。 你能給我什麼幫助嗎? 我想嘗試一些黑客,但我不知道如何在媒體查詢中使用它。Safari媒體查詢問題的響應式設計

@media screen and (max-width: 320px){ 
.mi-slider { 
    text-align: center; 
    height: auto; 
} 

.mi-slider ul { 
    position: relative; 
    display: inline; 
    bottom: auto; 
    pointer-events: auto; 
} 
*/much more styles*/ 
} 

回答

0

對不起,回答我的問題,但我可以固定它,很容易,只是做了黑客新的CSS:

<link rel="stylesheet" href="css/webkit.css" media="screen and (-webkit-min-device-pixel-ratio:0)" type="text/css" /> 

而且把媒體查詢

@media screen and (max-width: 1024px){ 
#text_biblioteca { 
    margin-left:24.553954%; 
} 
#image2_biblioteca { 
    margin-left:24.165918% 
} 
#box2_biblioteca { 
    margin-left:7.57416% 
} 
} 

並完成!