2014-09-10 46 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

相關問題