我刚刚读完 yiibu 关于诺基亚响应式网站开发的幻灯片,其中一个更大的要点似乎是首先关注移动设备,然后是台式机和其他更大更快的平台。( http://www.slideshare.net/yiibu/pragmatic-responsive-design ) 不仅仅是在规划阶段,而是从字面上开发您的响应式设计,因为最初的样式,没有应用媒体查询,将是设计适用于您最小的平台,具有最低的功能。(旧手机,取决于你的听众)这与我最初想做的事情(以及我所看到的,其他人通常也会做的事情)相反。
基本原理是,这种方法将阻止带宽较低的移动设备上的人们下载额外的脚本和大图像,方法是最初只下载最小设备所需的脚本和图像,然后根据大小和预测加载更多、更多设备的功能,最终将最大的负担放在最大的设备(笔记本电脑和台式计算机)上。--- 这与我一直在做的相反,它是为桌面设计,然后添加媒体查询以优化移动设备。
我的问题是,我是否需要先为移动设备设计,然后添加媒体查询以针对具有更多功能的大型设备进行优化,以防止下载不会在移动设备上使用的大图像的负担?
.....或者我可以在调用专注于更大浏览器/设备的样式表之前使用单独的样式表并调用移动样式表吗?