波本威士忌整洁的断点不能在电话上工作

我想根据波本威士忌整洁的网格作出响应的网站。当我将自己的计算机上的浏览器调整为手机大小时，我的媒体查询功能非常完美，但是当我在手机上加载该网站时，没有出现任何移动更改。波本威士忌整洁的断点不能在电话上工作

我此刻的下面的代码：

// Breakpoints 
$mobile: new-breakpoint(max-width 480px, 12); 
$landscape: new-breakpoint(max-width 780px min-width 481px, 16); 
$desktop: new-breakpoint(min-width 781px); 
/*************** 
    ONBOARDING 
***************/ 
.onboarding { 
    @include media($mobile) { 
     @include span-columns(10); 
     @include shift(1); 
    } 
    @include media($landscape) { 
     @include span-columns(9); 
     @include shift(4); 
    } 
    @include media($desktop) { 
     @include span-columns(8); 
     @include shift(8); 
    } 
}

还有什么我需要为了使这项工作包括哪些内容？

来源

2015-04-05 David Mckee

好像你忘了视口元标记。

尝试添加以下内容到HTML头：

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

来源

2015-05-23 00:05:01

波本威士忌整洁的断点不能在电话上工作

回答

相关问题