我一直在阅读响应式网页设计(RWD)并尝试围绕这个概念.
响应式网页设计真的是我们应该用于移动开发的方式吗？我喜欢有一个网站应该适用于台式机,笔记本电脑,平板电脑和手机等许多不同设备的想法.
在桌面上我有一个宽屏幕,所以我的网站就像它的设计一样.它有一个列,其中包含我的大部分主要内容以及左侧或右侧较宽的列(取决于您在网站上的位置)以进行导航. RWD如何确定哪些列堆叠在哪些列上？它是从屏幕左侧开始,首先加载左列的内容然后加载右列的内容？是否可以删除列以使其不显示在某些设备上？ RWD可以处理这样的东西吗？设备越宽,您想要显示的内容越多,您想要显示的必要内容就越少.
RWD如何处理更便宜的手机？那些不是真正智能手机的手机？如果手机无法处理RWD会发生什么呢？
像这样的东西,我不知道RWD是否适合我？我喜欢整洁的网站,而不是把所有东西都压扁,只是为了让内容进入手机屏幕的边界.
除了Twitter bootstrap,还要考虑其他任何体面的RWD框架吗？我听说过一些体面的框架.
>构建包含所有内容和功能的移动网站.
>使用媒体查询/ javascript重新格式化内容,因为它变得更加广泛,流畅或断点或两者兼而有之.
>添加仅在您的桌面版本上的任何功能(理想情况下不会有任何功能)
如果需要,你可以使用ajax加载其他内容等,但通常你会有相同的内容(为什么30-40％的访问者想要隐藏它们？)
您通常关注智能手机,而不是没有现代网络浏览器的旧手机.
对于细节,例如有20列的网格,很难.
也许翻转桌子就是另一种方式,有20行,将其显示为图形,使其左右滑动,或者只考虑为什么会在那里 – 这在网站上是不寻常的.
分页通常以无限滚动方式完成 – 例如Apple的邮件应用程序.
就框架而言,没有任何东西可以为您解决所有问题. Zurb的Foundation和Bootstrap的网格方面很有用,但它不会让一切都突然发挥作用.
