我似乎在为“移动优先”设计而苦苦挣扎。从我阅读许多文章和 Mobile First (2011) 书中得到的印象来看,这是一个在桌面版本之前首先创建移动网站的过程。
讨论的内容很有意义,我喜欢这个想法。
但是,这对发展意味着什么?我是否将我的默认网站设置为“移动”。即在设计移动版本时不涉及媒体查询,这是默认布局。媒体查询仅用于在屏幕分辨率或宽度变大时逐步增强用户体验。在这种情况下,然后使用媒体查询来定位这些设备。
另一个问题是术语响应。我很好理解这意味着什么,但是在移动优先的方法中,响应式网格不会有多大意义,因为至少我的手机布局将与平板电脑和台式机有很大不同。
我可以看到从平板电脑到桌面使用响应式网格,反之亦然,因为流体网格可以缩放,但手机上的大部分内容看起来不会很好缩放,所以很多元素会垂直放置。
另外,如何添加手机上没有的内容?这是通过隐藏内容来完成的吗?这对 SEO 有何影响?还是使用其他技巧向设备宽度更大的设备添加更多内容?喜欢使用 PHP 来确定设备宽度并提供适合该设备的内容吗?
最后,加载脚本和资源。如果我首先开发移动设备,那么与移动设备相比,我如何为那些带宽和页面大小不成问题的台式机添加资源。这是 yepnopejs 之类的情况吗?
我正在努力了解实际的开发过程并以符合约定的正确方式做事。