Html Windows中Safari上的媒体查询不工作

这似乎是一个常见的问题，但我没有得到解决

我尝试过添加最小宽度，但没有成功，然后我尝试了最大宽度方法，我只使用了媒体查询。下一个媒体查询不起作用

我能做什么？我应该如何编写媒体查询

我想要一个媒体查询，以获得334px最小宽度，依此类推

谢谢

我有两种尺寸

@media only screen 
and (min-device-width:334px)  { 
 html.safari  div#wrapper {
 background-color: gray;
 border: 32px solid transparent;
}
}
@media only screen 
and (min-device-width:434px)  { 
 html.safari  div#wrapper {
 background-color: gray;
 border: 52px solid transparent;
}
}

---

我只在334px宽度时得到最后一个查询。

我一直在使用这段代码，还没有遇到问题

/*
基于：
1.http://stephen.io/mediaqueries
2.https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/
/*iPhone 6在纵向和横向中的应用*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）{
}
/*iphone6在风景中*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：景观）{
}
/*iphone6人像*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：纵向）{
}
/*iPhone 6 Plus在纵向和横向中的应用*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）{
}
/*iphone6plus在景观中的应用*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：景观）{
}
/*iphone6plus人像*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：纵向）{
}
/*iPhone 5和5S的纵向和横向*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：568px）{
}
/*iphone5和5S在景观中的应用*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：568px）
和（方向：景观）{
}
/*iphone5和5S的肖像*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：568px）
和（方向：纵向）{
}
/* 
iPhone 2G、3G、4、4S媒体查询
值得注意的是，这些媒体查询对于iPodtouch 1-4代也是一样的。
*/
/*iPhone 2G-4S在纵向和横向*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：480px）{
}
/*iphone2g-4S在风景中*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：480px）
和（方向：景观）{
}
/*iphone2g-4S人像*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：480px）
和（方向：纵向）{
}
/*肖像与风景中的iPad*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{
}
/*景观中的iPad*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：景观）{
}
/*肖像中的iPad*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：纵向）{
}
/*银河S3肖像与风景*/
@媒体屏幕
和（设备宽度：320px）
和（设备高度：640像素）
和（-webkit设备像素比：2）{
}
/*银河S3人像*/
@媒体屏幕
和（设备宽度：320px）
和（设备高度：640像素）
和（-webkit设备像素比：2）
和（方向：纵向）{
}
/*银河S3景观*/
@媒体屏幕
和（设备宽度：320px）
和（设备高度：640像素）
和（-webkit设备像素比：2）
和（方向：景观）{
}
/*银河S4肖像与风景*/
@媒体屏幕
和（设备宽度：320px）
和（设备高度：640像素）
和（-webkit设备像素比：3）{
}
/*银河S4人像*/
@媒体屏幕
和（设备宽度：320px）
和（设备高度：640像素）
和（-webkit设备像素比：3）
和（方向：纵向）{
}
/*星系S4景观*/
@媒体屏幕
和（设备宽度：320px）
和（设备高度：640像素）
和（-webkit设备像素比：3）
和（方向：景观）{
}
/*银河S5肖像与风景*/
@媒体屏幕
和（设备宽度：360px）
和（设备高度：640像素）
和（-webkit设备像素比：3）{
}
/*银河S5肖像*/
@媒体屏幕
和（设备宽度：360px）
和（设备高度：640像素）
和（-webkit设备像素比：3）
和（方向：纵向）{
}
/*银河S5景观*/
@媒体屏幕
和（设备宽度：360px）
和（设备高度：640像素）
和（-webkit设备像素比：3）
和（方向：景观）{
}
/*HTC One肖像与风景*/
@媒体屏幕
和（设备宽度：360px）
和（设备高度：640像素）
和（-webkit设备像素比：3）{
}
/*HTC一人肖像*/
@媒体屏幕
和（设备宽度：360px）
和（设备高度：640像素）
和（-webkit设备像素比：3）
和（方向：纵向）{
}
/*宏达一景*/
@媒体屏幕
和（设备宽度：360px）
和（设备高度：640像素）
和（-webkit设备像素比：3）
和（方向：景观）{
}
/*
iPad3和iPad4媒体查询
如果您希望只瞄准第三代和第四代视网膜iPad
（或具有类似分辨率的平板电脑）添加@2x图形，
或平板电脑视网膜显示的其他功能，请使用以下媒体查询。
*/
/*人像与风景*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（-webkit最小设备像素比：2）{
}
/*景观中的视网膜*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：景观）
和（-webkit最小设备像素比：2）{
}
/*人像*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：纵向）
和（-webkit最小设备像素比：2）{
}
/*
iPad 1和2媒体查询
如果您希望提供不同的图形或选择不同的排版
对于较低分辨率的iPad显示屏，媒体q