Question

我有媒体查询，对于所有设备，您可以在 CSS 中看到here- 而这里没有所有元素...

/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops */

@media (min-width: 80.0625em) {
  ......
}

/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px */
@media (min-width:  64.0625em) and (max-width: 80em) {
  ............
}

 /* 
 ##Device = Tablets, Ipads (portrait)
 ##Screen = B/w 768px to 1024px  */


@media only screen and (min-width: 48em) 
                   and (max-width: 64em) 
                   and (orientation: portrait) {
   ............................
}

 /* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1023px
 */

@media (min-width: 48em) and (max-width: 64em) and (orientation: landscape) {

      ....................
}

 /* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
*/

@media only screen and (min-width: 41.75em) and (max-width: 47.9375em) {  
   ..............
}

  /* für iPhone 6/7/8  766,4px x 375px   */


@media only screen and (max-width: 47.9em) 
                    and (min-width: 23.4375em) 
                    and (orientation: landscape)    {

   ...............................
}

   /* kleine smartphone   Landscape  640px  x 319px kleine als Galaxy S5  */


@media only screen and (max-width: 40em) and (orientation: landscape)      {

     ..................................
}

    /* iphone 5 und kleine  528px     */

@media only screen and (max-width: 33em) and (orientation: landscape) {     

         ......................
}
   /* ich selb gebaut   767px x 481px     

@media only screen and (max-width: 30.0625em) and (orientation: portrait) {  

      ...................
}
    /*  iphone 5       galaxy S5  */


@media only screen and (max-width: 23em) and (orientation: portrait) {   

  .......................
}

我的问题是三星Galaxy关闭了 50 和风景，直到 A 40 ，风景和< strong>肖像，正常工作，但关闭 50 时，只有肖像有效。

有人可以帮助我，让我知道如何解决这个问题吗？

Answer 1

我在50个风景中找到了三星Galaxy Media Query解决方案。

我添加：

@media only screen and (max-width: 55.75em) {
   .......................
}

betwixt

@media (min-width: 48em) and (max-width: 64em) and (orientation: landscape) {

  ....................
}

和

@media only screen and (min-width: 41.75em) and (max-width: 47.9375em) {  
 ..............
}

我当时在购物中心里，锁了许多智能手机，大多数人都可以看到我的网站……。我认为，解决此问题的最佳方法是缩小max-width上的媒体查询之间的差异。

三星Galaxy的媒体查询

1 个答案: