拉伸屏幕时响应式移动导航问题

Question

我正在开发一个新的响应式网站，我的移动菜单存在问题。链接是http://kaniamea.com/resource/ 当您看到屏幕较小的网站并且单击移动图标时，如果您拉伸屏幕，则会发生以下情况http://www.kaniamea.com/1.jpg整个导航将展开而不是内容区域。如果你继续拉伸屏幕仍然只会看到导航样式。我会感谢任何关于可能出错的反馈。

Answer 1

使用您喜欢的样式创建一个新的css @media查询。这是一个例子：

@media(min-width: 768px) {
<!--set styles you want users to see at any screen size 768px and smaller (mobile-size)-->
}

当你的屏幕足够宽/小到足以得到错误时（你必须弄乱它并检查给你问题的元素），只需将宽度设置为该元素，这样它就不会拉伸/收缩了。

值得查看Bram Cohen's original description of the patience algorithm。

Answer 2

谢谢。我发现了这个问题。主样式表中有一个破损的CSS。现在它有效。