我刚刚在跨浏览器测试工具中测试了我的几个网页,发现对于较低的分辨率,我的所有 div 都不是单独出现的。
在谷歌搜索后,我发现了响应式网格。
读完之后,我想问一下,响应式网格是否只是让您的网页响应屏幕尺寸的不同变化,或者它还有其他功能吗?
此外,我正在使用 purecss 使我的网页具有响应性,因此我需要知道这是否是正确的方法,或者还有哪些其他方法可以做到这一点。
我刚刚在跨浏览器测试工具中测试了我的几个网页,发现对于较低的分辨率,我的所有 div 都不是单独出现的。
在谷歌搜索后,我发现了响应式网格。
读完之后,我想问一下,响应式网格是否只是让您的网页响应屏幕尺寸的不同变化,或者它还有其他功能吗?
此外,我正在使用 purecss 使我的网页具有响应性,因此我需要知道这是否是正确的方法,或者还有哪些其他方法可以做到这一点。
几乎,它还涉及根据您的受众减少内容。假设使用移动设备的人不需要阅读页面上的所有评论,您可以隐藏它或以不同的方式显示它。是否使用pure完全是您的个人喜好。有大量的响应式框架,您应该看看它们为您自己的定制或可扩展性目标提供了什么。例如,Foundation 提供了可爱的 JavaScript 插件,可用于模式、滑块和导航。
祝你好运,如果您需要询问更多信息,请添加到您的问题中!
你选择使用 pure 我觉得是一个很好的选择,因为它的重量极轻且风格不可知。虽然 bootstrap 和 Foundation 是更受欢迎的选择,但它们可以大 10 到 20 倍。
也可以查看 TukTuk,它的性质与 Pure 相似: http: //tuktuk.tapquo.com/
是的,你有正确的想法。您可以使用 Twitter Bootstrap 或 Zurb Foundation 等框架,它们具有响应式网格所需的所有 CSS。基本思想是使用 CSS 媒体查询为不同的屏幕尺寸应用不同的 CSS 规则。Javascript 也可用于显示/隐藏可能在移动设备上效果更好的功能。