Html 媒体查询<；车身>；div工作，但其他人不工作

我正在尝试对iPhone进行媒体查询。然而，由于某些原因，“mobile”div中的信息没有显示，唯一显示的是背景图像

感谢您给予的任何帮助。提前谢谢

HTML:

---

我看不到任何引用您的

#mobile

div的内容。试试这些

/* Large desktop */
@media (min-width: 1200px) { #mobile{ display:none; }}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { #mobile{ display:none; }}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { #mobile{ display:block; }}

/* Landscape phones and down */
@media (max-width: 480px) { #mobile{ display:block; }}

---

顺便说一句，我看不到任何引用您的

#mobile

div的内容。试试这些

/* Large desktop */
@media (min-width: 1200px) { #mobile{ display:none; }}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { #mobile{ display:none; }}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { #mobile{ display:block; }}

/* Landscape phones and down */
@media (max-width: 480px) { #mobile{ display:block; }}

---

顺便说一句，我看不到任何引用您的

#mobile

div的内容。试试这些

/* Large desktop */
@media (min-width: 1200px) { #mobile{ display:none; }}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { #mobile{ display:none; }}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { #mobile{ display:block; }}

/* Landscape phones and down */
@media (max-width: 480px) { #mobile{ display:block; }}

---

顺便说一句，我看不到任何引用您的

#mobile

div的内容。试试这些

/* Large desktop */
@media (min-width: 1200px) { #mobile{ display:none; }}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { #mobile{ display:none; }}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { #mobile{ display:block; }}

/* Landscape phones and down */
@media (max-width: 480px) { #mobile{ display:block; }}

---

顺便说一句，这是从

尝试将您的媒体查询更改为

@media (min-width: 320px) and (max-width: 667px) {
   /* your css here */
}

像这样的东西；

---

尝试将媒体查询更改为

@media (min-width: 320px) and (max-width: 667px) {
   /* your css here */
}

像这样的东西；

---

尝试将媒体查询更改为

@media (min-width: 320px) and (max-width: 667px) {
   /* your css here */
}

像这样的东西；

---

尝试将媒体查询更改为

@media (min-width: 320px) and (max-width: 667px) {
   /* your css here */
}

像这样的东西；

---

---

我已经成功地让我在mobile div中的内容显示出来。因为我最初显示：隐藏它，所以我需要显示：块来再次显示它。谢谢：）@user3453264很高兴听到你找到了答案。如果我真的帮了忙，给我点爱，给我一张赞成票，或者按我的答案来检查；）我已经设法使我在移动部门的内容显示出来。因为我最初显示：隐藏它，所以我需要显示：块来再次显示它。谢谢：）@user3453264很高兴听到你找到了答案。如果我真的帮了忙，给我点爱，给我一张赞成票，或者按我的答案来检查；）我已经设法使我在移动部门的内容显示出来。因为我最初显示：隐藏它，所以我需要显示：块来再次显示它。谢谢：）@user3453264很高兴听到你找到了答案。如果我真的帮了忙，给我点爱，给我一张赞成票，或者按我的答案来检查；）我已经设法使我在移动部门的内容显示出来。因为我最初显示：隐藏它，所以我需要显示：块来再次显示它。谢谢：）@user3453264很高兴听到你找到了答案。如果我真的帮了忙，给我点爱，给我一张赞成票，或者按我的答案来检查；）从那时起删除pdevice pixel ratio标签，它将仅在具有2width=Height的设备中工作从那时起删除pdevice pixel ratio标签，它将仅在具有2width=Height的设备中工作从那时起删除pdevice pixel ratio标签，它将仅在具有2width=Height的设备中工作删除pdevice pixel ratio标签从那时开始标记，它将只在具有2width=Heights的设备上工作。你知道为什么这个媒体查询在横向方向上对iphone 6不起作用吗？我倾向于使用引导断点，而不是我自己的媒体查询，但这可能会有帮助。谢谢你，我尝试过这些，但当我使用“方向”时，它似乎不起作用。知道为什么吗？Thanksan我知道为什么这个媒体查询在横向方向上不适用于iphone 6吗？我倾向于使用引导断点，而不是我自己的媒体查询，但这可能会有帮助，谢谢你，我尝试过这些，但当我使用“方向”时，它似乎不起作用。知道为什么吗？Thanksan我知道为什么这个媒体查询在横向方向上不适用于iphone 6吗？我倾向于使用引导断点，而不是我自己的媒体查询，但这可能会有帮助，谢谢你，我尝试过这些，但当我使用“方向”时，它似乎不起作用。知道为什么吗？Thanksan我知道为什么这个媒体查询在横向方向上不适用于iphone 6吗？我倾向于使用引导断点，而不是我自己的媒体查询，但这可能会有帮助，谢谢你，我尝试过这些，但当我使用“方向”时，它似乎不起作用。知道为什么吗？谢谢