我的网站出了问题。 这是一个jquery移动框架,响应式设计在Chrome和Firefox中运行良好,但在移动视图中不适用于Safari。 我检查它,看起来像媒体查询低600px不起作用。 你能帮我一下吗? 我想尝试一些黑客,但我不知道如何在媒体查询中使用它。
@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 :(得分: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%
}
}
并完成了!!!