1
我正在響應網站自舉3,當我調整我的瀏覽器,它的工作原理。但是當我從手機上打開網站時(諾基亞Lumia 920 Internet Explorer),它根本沒有響應。引導列不起作用,斷點不起作用。我用google搜索,改變斷點沒有幫助。這裏是我的html<META NAME =「視口」內容=「WIDTH =設備寬度,初始規模= 0」 />不工作
<!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;
}
請幫幫我!謝謝!
遺憾的是沒有工作過。 – Alex 2014-09-10 18:28:08
這個作品很棒!謝謝 – Michael 2014-10-30 22:11:08