[英]<meta name=“viewport” content=“width=device-width, initial-scale=0” /> not working
我正在使用Bootstrap 3創建響應式網站，並且在調整瀏覽器大小時可以使用。 但是，當我從手機（Nokia lumia 920 Internet Explorer）打開網站時，它根本沒有響應。 Bootstrap列不起作用，斷點不起作用。 我已經用谷歌搜索了，更改斷點並沒有幫助。 這是我的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為1 。
<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">
這個標簽是什么（<meta name="“viewport”" content="“width=device-width," initial-scale="1”"> ） 做？
[英]What does this tag (<meta name=“viewport” content=“width=device-width, initial-scale=1”>) do?
元視口：width = device-width或initial-scale = 1或兩者
[英]Meta viewport : width=device-width or initial-scale=1 or both
元標記“viewport”content =“width = device-width”不起作用
[英]meta tag “viewport” content=“width=device-width” not working
HTML 頁面上的表格比 div 使用更多的寬度<viewport "width=device-width initial-scale=1.0">
[英]Table on HTML page takes much more width than div with using <viewport "width=device-width initial-scale=1.0">
使用視口width = device-width，initial-scale = 1，maximum-scale = 1不能使我的頁面適合我的手機屏幕
[英]Using viewport width=device-width, initial-scale=1, maximum-scale=1 doesnt fit my page to my phone screen
meta name="viewport" content="width=device-width" 不適用於 Kendo UI Mobile
[英]meta name="viewport" content="width=device-width" Is not working with Kendo UI Mobile
元視口：不能將“ width = 640”與“ initial-scale = 1.0”一起使用嗎？
[英]meta viewport: can not use “width=640” with “initial-scale=1.0”?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.