Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 媒体屏幕和最小宽度:965px和最大宽度:965px_Javascript_Jquery_Css - Fatal编程技术网

Javascript 媒体屏幕和最小宽度:965px和最大宽度:965px

Javascript 媒体屏幕和最小宽度:965px和最大宽度:965px,javascript,jquery,css,Javascript,Jquery,Css,在小于或大于965px的情况下,一切正常,但当965px上的屏幕出现bug时 有没有办法解决这一问题切换订单,并在两个订单之间留出1倍的余地 @media screen and (min-width: 965px){ //style here } @media screen and (max-width: 965px){ //some other style } 这样,就没有重叠 注意:不建议在屏幕大小查询中使用bot min和max width。如果您只使用最小宽度,并从最小值到

在小于或大于965px的情况下,一切正常,但当965px上的屏幕出现bug时


有没有办法解决这一问题

切换订单,并在两个订单之间留出1倍的余地

@media screen and (min-width: 965px){
   //style here
}
@media screen and (max-width: 965px){
   //some other style
}
这样,就没有重叠


注意:不建议在屏幕大小查询中使用bot min和max width。如果您只使用最小宽度,并从最小值到最大值列出它们,则下面的一个将覆盖上面的一个。

切换顺序,并在这两个值之间留出1倍的余地

@media screen and (min-width: 965px){
   //style here
}
@media screen and (max-width: 965px){
   //some other style
}
这样,就没有重叠


注意:不建议在屏幕大小查询中使用bot min和max width。如果您只使用最小宽度,并从最小到最大列出它们,下面的将覆盖上面的。只需将第二个更改为

@media screen and (max-width: 964px){
   //some style
}   


@media screen and (min-width: 965px){
   //style here
}

这样,y将保持分离,并且不会相互干扰。

只需将第二个更改为

@media screen and (max-width: 964px){
   //some style
}   


@media screen and (min-width: 965px){
   //style here
}

这样,y将保持分离,不会相互干扰。

您能用一些图像或至少代码详细说明问题吗?不知道这是否是问题所在,但由于“最小宽度”和“最大宽度”都具有相同的值,因此它可能会将两个属性值合并在一起。您能用一些图像或至少代码详细说明问题吗?不知道这是否是问题所在,但由于“最小宽度”和“最大宽度”具有相同的值,它可能会将两个属性值合并。