为什么不应该考虑“响应式”网页设计?


9

与编程问题相比,这似乎更像是图形设计问题,但我认为它比实际的图形设计具有更多的技术/编程优点。

“响应式” Web设计的概念围绕使用CSS3中的媒体查询来检测查看设备的大小并相应地调整CSS规则-本质上是动态CSS。这填补了许多部署案例的空白,尤其是移动应用。

我认为媒体查询的使用正在缓慢发展(我发现很多人对此并不真正了解),但是我想知道是否存在缓慢采用的原因。Web应用程序不切实际吗?我是否缺少某些可能是根本性陷阱的东西?


2
许多人只是愚昧无知,不学习新方法。
雷诺斯2011年

@Raynos,但是学习是如此有趣!
Nic

1
是因为随着时间的流逝互联网速度不断提高,响应能力不再是一个现实问题,并且不再需要努力了吗?也许我错了,因为这个想法看起来很酷!
WinW 2011年

1
迁移到网站管理员。
彼得·泰勒

Answers:


9

您必须跳过圈才能使其真正起作用。对于我正在开发的网站,我曾经@media (max-width:800px)为电话和其他较小的屏幕定义了样式表。但是它并没有被例如iPhone使用。

事实证明,电话浏览器开发人员认为人们不会考虑小屏幕,因此他们会依赖渲染引擎(例如,iPhone声称宽度超过900像素),除非您添加一个额外的元标记来告诉它撒谎。当到达要与浏览器实现者抗争的地步时,您开始怀疑是否值得付出努力。


因此,Zurb Foundation和Twitter Bootstrap都可以很好地处理此问题。它确实需要一些JavaScript来处理按需切换。还有DPI设置等。使用这些CSS框架确实很容易。或至少其中一部分。
Berin Loritsch

值得注意的是,这个问题和答案是6年前的,可能无法反映当前的采用率。
彼得·泰勒

啊对不起 由于某种原因,它昨天在主供稿中。没想到要检查日期。
Berin Loritsch

4

我不能代表所有人,但是根据我自己的经验,时间和金钱一直是决定性因素。我和我的同事一直在寻找最新的东西,但是为不同尺寸的设备设计和实现不同的布局是一件大事。特别是考虑到在我3岁的诺基亚5800上,我们所有的网站看起来都不错-必须滚动以获取侧边栏内容的侧边。我们为小型公司和个体经营者设计和实施网站。

另一个可能有效的原因是,为移动版本提供了完全独立的网站,并拥有自己的单独站点地图(http://www.google.com/support/webmasters/bin/answer.py?hl=zh_CN&answer=34648),是维护站点的简单入门级方法。


好吧,我认为向已部署或处于中间周期的站点引入响应式设计绝对是困难的,但是我认为,实现这样的事情要比拥有整个其他移动子域要容易得多。不过,幸运的是,Rails使用继承的模板稍微抽象了此任务。
Nic

好了,我要补充的是,在我们的情况下,客户实际上是外包的移动版本,竞争对手:(我会亲自去与模板,而不是一个不同的网站。
Pelshoff

2

如果您可以保证可靠地恢复数据,那很好。

但是想象一下,有人在台式计算机的窗口浏览器中加载网页。您是强迫他们全屏打开以阅读所有内容,还是在缩小的窗口中适应尺寸并在它们最大化时显示大量空白?您只需在页面加载时为CSS提供一次服务!

在手机旋转时切换风景/人像模式的手机浏览器怎么样?如果浏览器的分辨率太低而人们通常使用放大功能,但是您已经适应了所报告的分辨率太小的分辨率,并且页面变得不可读,那该怎么办?

只需遵循制作像样的通用,可扩展CSS的标准准则,然后让浏览器即可将页面缩放至正确的分辨率。


9
CSS3中有一个新功能,该功能允许针对不同屏幕尺寸的动态规则自动更改。
Steffan Donal

@Ruirize精确地-使用静态CSS,该CSS具有可以动态调整内容的规则-可以。请求动态生成的CSS,该CSS具有为您的屏幕尺寸静态设置内容的规则-否。
SF。

2
OP正在谈论使用媒体查询,该查询基于屏幕大小(除其他因素外)动态调整内容。没有加载额外的文件。
特拉维斯·诺斯卡特

1
@SF .:尝试调整Google日历窗口的大小(新的红色主题,而不是旧的蓝色主题),它们处理它的方式令人毛骨悚然。
Lie Ryan

2
@SF:最初的帖子是关于媒体查询的,不是基于标题或w / e提供不同的CSS。
Pewpewarrows 2011年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.