我建立了网站，并希望让它具有移动响应能力。
完全适用于Chrome和Firefox，但不适用于移动设备。
我在Inspect上测试过，虽然它在桌面浏览器上运行正常但不适用于移动设备。
我该如何解决这个问题？
答案 0 :(得分：2)
首先，您应该在HTML页面上添加视口。
在head标签内输入：
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
然后，我个人认为如果您链接bootstrap.css文件会更好。我还建议像这样使用CSS的媒体屏幕：
@media screen and (max-width: 800) {
/* The CSS codes when the device is less than 800 go here */
}
至少，我是这样做的。
您可以下载或观看我在YouTube上看到的视频。我不记得它的名字或链接，但它的长度超过一个小时，那家伙正在制作健身房网站的网页。