jquery - 拉伸(stretch)屏幕时响应式移动导航问题

Question

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

Answer 1

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

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

当您的屏幕足够宽/足够小以致出现错误时(您必须弄乱它并检查给您带来问题的元素)，只需将宽度设置为该元素，这样它就不会拉伸(stretch)/再缩小。

可能值得一试 @media and how it works .