1

我正在为 Mobile First Responsive Design (MFRD) 改造网站。我的问题是 - 你在“移动优先”部分走多远？

例如 - 在主页上，我计划列出即将发生的事件，比如 4 或 5。在移动版本上，我认为 2 足以节省屏幕空间。我应该为更大的视图动态加载其他事件，还是应该隐藏它们，因为无论如何它只会是几个元素？

为更大的尺寸动态加载它们意味着我必须将一个事件附加到窗口调整大小，通常每个像素都会触发该事件。尽管我可以用 Timeout 来抵消它，但仍然需要大量的客户端检查，不是吗（即使它不像用户不断调整浏览器的大小）。

我的意思是，即使您首先为移动设备设计，您也必须考虑更大的尺寸，对吗？显然，更大的 JavaScript 库和其他资产需要更大的只是你想稍后拉入而不是加载到移动设备 - 但是你想通过节省带宽来获得多疯狂？

4

1 回答 1

0

网站的目标市场是什么？您是否正在制作一个将智能手机封装到桌面的完全响应式网站？或者你只是专注于智能手机到平板电脑？

移动优先实际上只是意味着以最小的外形开始您的样式和内容视图，并随着设备尺寸的增大而工作。随着浏览器变大，HTML、CSS（媒体查询）和 jQuery 都在扩展 UI 和操作（显示/隐藏）内容元素方面发挥了作用。

看看Smashing Magazine，他们的响应式布局是我迄今为止见过的最广泛的布局之一，它会让您了解 MFRD 或 DARL（与设备无关的响应式布局）方法学能走多远。

于 2012-05-01T13:15:13.750 回答