Отзывчивый дизайн по вопросам медиа-запросов Safari

Question

У меня возникла проблема с веб-сайтом. Это jquery mobile framework, а отзывчивый дизайн хорошо работает в Chrome и Firefox, но он не находится в 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% 
} 
} 

и сделано !!!