Html &引用;“移动优先”;为开发者定义

Html &引用;“移动优先”;为开发者定义,html,css,mobile,responsive-design,Html,Css,Mobile,Responsive Design,首先-我理解“移动优先”在设计网站时的含义 在我工作的公司,一些开发人员声称开发中的“移动优先”意味着在CSS文件的顶部编写移动样式,然后让桌面CSS通过媒体查询覆盖它,而不是反过来 他们声称这是一种方法,可以减少移动环境中的加载时间 有人对“移动优先发展”有定义吗?有人能证明在桌面样式表之前编写移动样式表(目的是让桌面覆盖移动)可以缩短加载时间吗?这正是以前向我解释的。不过,这种方法有一个巨大的缺点:IE8和down不支持媒体查询,使您的网站看起来很糟糕。我用这些箱子。您只需将JS文件放入IE

首先-我理解“移动优先”在设计网站时的含义

在我工作的公司,一些开发人员声称开发中的“移动优先”意味着在CSS文件的顶部编写移动样式,然后让桌面CSS通过媒体查询覆盖它,而不是反过来

他们声称这是一种方法,可以减少移动环境中的加载时间


有人对“移动优先发展”有定义吗?有人能证明在桌面样式表之前编写移动样式表(目的是让桌面覆盖移动)可以缩短加载时间吗?

这正是以前向我解释的。不过,这种方法有一个巨大的缺点:IE8和down不支持媒体查询,使您的网站看起来很糟糕。我用这些箱子。您只需将JS文件放入IE8语句中


我个人认为这种方法没有那么重要。我相信mobile first在设计上是正确的,因为它将有助于展示在其最基本的状态下什么是最重要的。

在一个经典的辩论场景中,举证责任在于提出索赔的人。如果他们不能衡量性能的提高,那么这不是一个非常有力的说法。(我不否认他们的说法,我真的不知道。我只是怀疑没有数字支持的福音书的有效性。)@David,不幸的是,我也怀疑他们的说法,尽管他们拒绝做任何事情,除非以他们特定的方式编写——即使他们以前从未编写过响应式的……Mobile First与代码顺序无关,甚至与代码无关。这是关于有多少东西。我听过的最好的解释是:“用公寓里的东西填满公寓比弄清楚如何把公寓里所有的东西放在公寓里要容易得多。”晚些时候把东西放在墙上更容易,然后就是被一堆又一堆的盒子绊倒。@ntgCleaner:在这种情况下,这不是一个技术挑战,这是一个政治挑战。习惯这些:)这让我想起了我在推特上看到的一句话。。。“软件开发人员有迷信吗?”“是的,我们称之为‘最佳实践’。@briansol我完全同意,并且以前读过这个比喻。我想知道是否有办法让开发者意识到,mobile first与他们的思维方式无关。奥斯汀,你补充说得很好。这可能是“正常”开发这种东西的条件。为什么我们不选择响应性设计,而不是先移动或其他方式呢?@Cherry,这就是我在这家公司至少一年来一直在宣扬的。它应该是正确设计的,而不是为一个而不是另一个而设计的。@ntgCleaner我从2011年开始一直在做mobile first web设计,这在互联网时代已经很长时间了,对最终用户来说更好,因为您没有将大型设备的样式加载到小型设备上。举个小例子,我加载了一些小的背景图像,然后随着媒体查询在最小宽度上的增加,它们变得越来越大。我已经使用respond.js和其他media-querys.js为那些只有ie8但无法升级(当时)的客户支持ie8,这很好。不要做疯狂的设计和js(如果(!$('html').hasClass('ie8')){…}则隐藏脚本)@ntgCleaner但我也会使用服务器端检测为小型设备提供专门的html,为什么我还要为它们提供我甚至没有为它们和图像使用的桌面滑块呢?这意味着。因此,自适应、移动优先、响应性设计最适合用户,而且更简单。