我有媒体查询,对于所有设备,你可以在这里看到它,在CSS中 - 在这里没有所有元素...
/*
##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关闭A 50和风景,直到A 40,风景和肖像,工作直觉,但关闭A 50,只有肖像工作。
谁能帮助我,告诉我如何解决这个问题?
我找到了三星银河50景观媒体查询的解决方案。
我补充:
@media only screen and (max-width: 55.75em) {
.......................
}
中间
@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
上的媒体查询之间的差异。