挣扎于移动优先响应式设计

Question

我似乎在挣扎于“移动优先”设计。根据我从阅读许多文章和Mobile First（2011）书中获得的印象，这是在桌面版之前首先创建移动网站的过程。

正在讨论的内容是有道理的，我喜欢这个想法。

但是，这对发展意味着什么？我将默认网站设为“移动”。即，设计移动版本时不涉及媒体查询，这是默认布局。媒体查询仅用于在屏幕分辨率或宽度变大时逐步增强用户体验。在这种情况下，媒体查询将用于定位这些设备。

另一个问题是响应一词。我理解这意味着什么，但在移动第一种方法中，响应式网格不会有多大意义，因为我的手机布局至少会与平板电脑和台式机明显不同。

我可以看到使用从平板电脑到桌面的响应式网格，反之亦然，因为流体网格可以扩展，但手机上的大部分内容看起来都不会很好，因此会定位很多元素垂直。

另外，添加未出现在手机上的内容呢？这是通过隐藏内容来完成的吗？这对SEO有何影响？或者是用于向设备宽度更大的设备添加更多内容的其他技巧？就像使用PHP来确定适合该设备的设备宽度和服务内容一样？

最后，加载脚本和资源。如果我首先开发移动设备，那么与移动设备相比，如何将桌面资源用于带宽和页面大小不成问题的桌面。这是像yepnopejs这样的情况吗？

我正在努力探索实际的开发过程并按照惯例做正确的方法。

Answer 1

我听说各种编程魔法可以有效地在音阶之间转换，有些似乎比其他音效更高效。我认为随着手机开始浏览计算机并且公司需要更多地关注他们的移动网站，它将变得越来越常见。我个人认为这是一个非常困难的过程，因为您需要在移动网站中实现关键功能，同时预先规划更多用于桌面和平板电脑网站的功能，有点像尝试颠倒建立金字塔或一些东西。无论如何运作，就像我说的那样，我相信在不久的将来，需求和资金将转移到移动网站，所以我可以理解Mobile First的想法。老实说，格式之间的转换总是很痛苦，并且永远是设计师最舒服的。

Answer 2

如果您想首先创建响应式设计，您需要非常仔细地规划您的网站，我认为您应该创建从桌面到平板电脑的网站，然后再使用移动设备来控制使用媒体查询加载的内容