Twitter bootstrap 自定义屏幕断点引导3
我最近注意到,当你低于360px时,我正在设计的一个网站开始看起来非常糟糕。我能够使用媒体查询对低于360px的站点进行css更改。然而,我想知道是否有一种方法可以使自定义隐藏和可见选项 我的目标是通过隐藏当前内容并使一组专为该尺寸设计的新内容可见,从而使网站在较小分辨率下看起来更好Twitter bootstrap 自定义屏幕断点引导3,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我最近注意到,当你低于360px时,我正在设计的一个网站开始看起来非常糟糕。我能够使用媒体查询对低于360px的站点进行css更改。然而,我想知道是否有一种方法可以使自定义隐藏和可见选项 我的目标是通过隐藏当前内容并使一组专为该尺寸设计的新内容可见,从而使网站在较小分辨率下看起来更好 我的第二个问题是这样做是否值得。在媒体查询中使用CSS基本上改变整个网站是更好的做法吗?另一个选项是创建一个新页面,如果用户的屏幕大小小于360px,则将其路由到该页面。我不确定什么是好的做法,任何建议/帮助都将不
我的第二个问题是这样做是否值得。在媒体查询中使用CSS基本上改变整个网站是更好的做法吗?另一个选项是创建一个新页面,如果用户的屏幕大小小于360px,则将其路由到该页面。我不确定什么是好的做法,任何建议/帮助都将不胜感激 使用自定义引导网站定义新断点 或者这个:
@media only screen and (max-width: 360px) {
.xxs-hidden{
display: none;//this is your own customised hidden class maybe?
}
}
如果要创建不同的页面,但不想使用媒体查询检查每个屏幕分辨率,可以使用jQuery检查屏幕大小并导航到该屏幕大小的html文件:
<script>
if (screen.width <= 360) {
window.location.replace("http://www.theExtraExtraSmallPage.html");
}
</script>
如果(screen.width那么执行查询将创建xxs隐藏类?很抱歉,我对所有这些都很陌生,所以我只想确保我完全理解。至于使用“自定义”来更改断点,我仍然想要普通断点,我只想添加更多。添加您的编辑将使其更加清晰。这正是我想要的!!谢谢!谢谢可以保持正常的断点,然后创建隐藏的类xxs或其他东西。让我更新我的答案哦好的@xCasper没问题。享受开发的乐趣。只需标记为答案,这样人们就不会浪费时间回到这里认为还没有答案