0

我刚刚读完 yiibu 关于诺基亚响应式网站开发的幻灯片,其中一个更大的要点似乎是首先关注移动设备,然后是台式机和其他更大更快的平台。( http://www.slideshare.net/yiibu/pragmatic-responsive-design ) 不仅仅是在规划阶段,而是从字面上开发您的响应式设计,因为最初的样式,没有应用媒体查询,将是设计适用于您最小的平台,具有最低的功能。(旧手机,取决于你的听众)这与我最初想做的事情(以及我所看到的,其他人通常也会做的事情)相反。

基本原理是,这种方法将阻止带宽较低的移动设备上的人们下载额外的脚本和大图像,方法是最初只下载最小设备所需的脚本和图像,然后根据大小和预测加载更多、更多设备的功能,最终将最大的负担放在最大的设备(笔记本电脑和台式计算机)上。--- 这与我一直在做的相反,它是为桌面设计,然后添加媒体查询以优化移动设备。


我的问题是,我是否需要先为移动设备设计,然后添加媒体查询以针对具有更多功能的大型设备进行优化,以防止下载不会在移动设备上使用的大图像的负担?

.....或者我可以在调用专注于更大浏览器/设备的样式表之前使用单独的样式表并调用移动样式表吗?

4

1 回答 1

1

你先打电话给谁的顺序不重要。媒体查询本身就是一堆if-else基于您放置在其中的标准(设备、方向、宽度等)。因此,首先或最后添加它们并不意味着手机会考虑桌面浏览器的样式表(示例)。

但是,您应该做的是在所有设备都可读的基本样式表上拥有跨所有设备一致的基本内容(例如排版、字体大小、元素的背景颜色、文本颜色)。

这使得文件的实际读取更小,因为将根据屏幕的实际大小为边距、填充和宽度制作特定的样式表。

最后但并非最不重要的一点是,至于您是否应该首先为移动设备设计体验,这取决于您,您的工作方式以及其他方式。我知道我没有。我首先为桌面设计,然后一路向下。我更喜欢这个。

于 2012-12-05T18:52:34.580 回答