html - 响应式网格是什么以及如何实现它

标签 html css responsive-design yui-pure-css

我刚刚在跨浏览器测试工具中测试了我的几个网页,发现对于较低的分辨率,我的所有 div 都没有单独出现。

谷歌搜索后,我发现了响应式网格。

读完之后我想问一下,响应式网格是否只是让你的网页响应屏幕尺寸的不同变化,还是它有更多的东西

此外,我正在使用 purecss 使我的网页响应,所以我需要知道这是否是正确的方法,或者还有哪些其他方法可以做到这一点。

最佳答案

差不多,这也是关于根据您的受众减少内容。假设移动设备上的用户不需要阅读页面上的所有评论,您可以将其隐藏或以不同的方式显示。是否使用 pure 完全是您个人的喜好。有大量的响应式框架,您应该看看它们为您自己的定制或可扩展性目标提供了什么。例如,Foundation 提供了可爱的 JavaScript 插件,您可以将其用于模式、 slider 和导航。

祝您好运,如果您需要提出更多问题,请添加到您的问题中!

我觉得你选择使用 pure 是一个很好的选择,因为它的重量极轻且风格不可知。虽然 bootstrap 和 foundation 是更受欢迎的选择,但它们最多可以大 10 到 20 倍。

也可以看看 TukTuk,它在本质上与 Pure 相似: http://tuktuk.tapquo.com/

关于html - 响应式网格是什么以及如何实现它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18878840/

相关文章:

c# - 为什么 anchor 标记在删除后不起作用#

css - 视频在移动设备上未正确缩放

javascript - 使用 jQuery 在 textarea 中插入脚本标签

wordpress - 如何在 wordpress 中添加所有其他样式表之后添加样式表?

css - Twitter Bootstrap Jumbotron 肖像问题

css - 响应重叠问题

javascript - 如何回调给定的函数

html - 如何在 AngularJS 自定义指令中对 Angular 移动父 <div>

css - CSS 中的 margin-top 属性

css - 智能手机上的 HTML 菜单行为