好的，所以我有一个网站，网页内容有点复杂，这意味着我需要使用@media更改样式超过3次桌面分辨率，我使用的是{ {1}}，@media screen and (min-width: 1024px)用于桌面，@media screen and (min-width:750px) and (max-width:1049px)用于iPhone，因为iPhone 6+设备宽度为736px。
现在我的问题是我仍然无法使其工作，每次我从手机打开我的网络，它显示桌面风格，而不是iPhone风格。
答案 0 :(得分：0)
将以下代码添加到<head>部分：
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
此外，您应该使用来自bootstrap的媒体查询：
/* Extra small devices (phones, less than 768px) */
/* No media query */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }