2014-09-10 41 views
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; 
} 

请帮帮我!谢谢!

回答

3

你需要给initial-scale a 。

<meta name="viewport" content="width=device-width, initial-scale=1"> 
+1

遗憾的是没有工作过。 – Alex 2014-09-10 18:28:08

+0

这个作品很棒!谢谢 – Michael 2014-10-30 22:11:08

相关问题