Question

我刚刚使用响应式模板（meet-gavern）创建了我的第一个网页。我很喜欢......但是从我的iPhone看到的响应式菜单关闭（消失）方式太快了。我是网页设计的初学者和0编程知识。它必须是一些快速修复，但我不知道从哪里开始...... 有什么帮助吗？网址：lasrejasopenclub.com

Answer 1

样式表中有一些代码可以创建此转换。在“bootstrap.css”中，请参阅第2489行：transition: height .35s ease;属性应用于.collapse类。

如果您将.35s更改为更大的数字，菜单将不会快速消失。尝试使用1s查看需要1秒钟。

注意：您可能只想在自己的CSS文件中包含此规则，而不是直接编辑“bootstrap.css”：

.collapse {
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

显然，您可以使用不同的数字和缓动属性来获得您想要的效果。但这是开始的地方。（了解有关转换的详情：http://www.w3schools.com/css/css3_transitions.asp）

响应的menú关闭得太快（见面 - gavern模板）

1 个答案: