css - Safari 媒体查询问题的响应式设计

Question

我的网站有问题。它是一个 jquery 移动框架，响应式设计在 Chrome 和 Firefox 中运行良好，但在移动 View 的 Safari 中却不行。我检查了一下，看起来 600 像素以下的媒体查询不起作用。你能帮我什么忙吗？我想尝试一些技巧，但我不知道如何在媒体查询中使用它。

@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*/
}

Answer 1

很抱歉回答我自己的问题，但我可以修复它，很简单，只需为黑客制作一个新的 .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%
}
}

完成!!!