我正在改造一个适用于移动优先响应设计（MFRD）的网站。我的问题是 - 你对“移动优先”部分走了多远？
例如 - 在主页上我打算列出即将发生的事件列表，例如4或5.在移动版本上我认为2就足以节省屏幕空间。我是否应该为更大的视图动态加载其他事件，或者我应该隐藏它们，因为它只是几个元素？
为更大的尺寸动态加载它们意味着我必须将一个事件附加到窗口调整大小，通常会触发每个像素。虽然我可以通过Timeout来抵消它，但仍然有很多客户端检查不是（即使它不像用户不断调整浏览器的大小）。
我的意思是，即使你是先设计移动设备，你也必须考虑更大的尺寸吗？显然更大的JavaScript库和更大的其他资产只需要稍后提入并且不为移动设备加载 - 但是你想要节省带宽有多疯狂？
答案 0 :(得分：0)
该网站的目标市场是什么？您是否正在制作一个完全响应的网站，将智能手机封装到桌面？或者你只是专注于智能手机到平板电脑？
Mobile First实际上只是意味着以最小的外形尺寸开始您的样式和内容视图，并随着设备尺寸变大而进行操作。随着浏览器变得越来越大，HTML，CSS（媒体查询）和jQuery都可以扩展UI并操纵（显示/隐藏）内容元素。
看一下Smashing Magazine，他们的响应式布局是迄今为止我见过的最广泛的布局之一，它会让你了解你可以采取多大程度的MFRD或DARL（设备不可知响应布局）方法