我正在使用 Bootstrap 3 制作响应式网站，当我调整浏览器大小时它就可以工作。但是当我从手机（诺基亚 lumia 920 互联网浏览器）打开网站时，它根本没有响应。引导列不起作用，断点不起作用。我用谷歌搜索了一下，更改断点没有帮助。这是我的 html
<!DOCTYPE html>
<html class="no-js" data-placeholder-focus="false">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=0" />
<meta name="mobileoptimized" content="0" />
<title>index</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Constr" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="shortcut icon" href="">
<link rel="apple-touch-icon" href="">
<link rel="apple-touch-icon" sizes="72x72" href="">
<link rel="apple-touch-icon" sizes="114x114" href="">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
这是我的CSS，我正在使用SASS
$screen-lg-min: 1200px;
$screen-md-max: 1199px;
$screen-md-min: 992px;
$screen-sm-max: 991px;
$screen-sm-min: 768px;
$screen-xs-max: 767px;
@media (min-width: $screen-lg-min) {
}
/* Medium Devices, Desktops */
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
}
/* Small Devices, Tablets */
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
}
/* Extra Small Devices, Phones */
@media (max-width: $screen-xs-max) {
}
@-ms-viewport{
width: device-width;
}
请帮助我！谢谢！
您需要给
initial-scale<meta name="viewport" content="width=device-width, initial-scale=1">
您需要将此代码放在
<meta name><link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3pro.css">
示例：
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3pro.css">
我是个坏小贱人，跟我操你他妈的就会死