响应网格化是什么以及如何实现它

时间:2013-09-18 17:41:28

标签: html5 css3 responsive-design yui-pure-css

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

通过谷歌搜索我发现了响应性的格斗。

在阅读完之后,我想问一下,响应式格式化是否只是让您的网页能够响应屏幕大小的不同变化,或者它是否还有更多内容

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

2 个答案:

答案 0 :(得分:0)

相当多,它也是关于根据您的受众减少内容。假设移动设备上的人不需要阅读您隐藏它的页面上的所有评论或以不同的方式显示它。是否使用纯净完全是您个人的偏好。有大量的响应式框架,您应该看看它们为您自己的定制或可扩展性目标提供的内容。例如,基金会提供了可用于模态,滑块和导航的可爱JavaScript插件。

祝你好运,如果您需要更多信息,请加入您的问题!

你选择使用纯我感觉是一个很好的选择,因为它非常轻,重量和风格不可知。虽然bootstrap和粉底是更受欢迎的选择,但它们可以增加10到20倍。

查看TukTuk,它与Pure的性质相似: http://tuktuk.tapquo.com/

答案 1 :(得分:0)

是的,你有正确的想法。您可以使用Twitter Bootstrap或Zurb Foundation等框架,它们具有响应网格所需的所有CSS。基本思想是使用CSS媒体查询为不同的屏幕大小应用不同的CSS规则。 Javascript还可用于显示/隐藏可能在移动设备上更好用的功能。