与编程问题相比,这似乎更像是图形设计问题,但我认为它比实际的图形设计具有更多的技术/编程优点。
“响应式” Web设计的概念围绕使用CSS3中的媒体查询来检测查看设备的大小并相应地调整CSS规则-本质上是动态CSS。这填补了许多部署案例的空白,尤其是移动应用。
我认为媒体查询的使用正在缓慢发展(我发现很多人对此并不真正了解),但是我想知道是否存在缓慢采用的原因。Web应用程序不切实际吗?我是否缺少某些可能是根本性陷阱的东西?
与编程问题相比,这似乎更像是图形设计问题,但我认为它比实际的图形设计具有更多的技术/编程优点。
“响应式” Web设计的概念围绕使用CSS3中的媒体查询来检测查看设备的大小并相应地调整CSS规则-本质上是动态CSS。这填补了许多部署案例的空白,尤其是移动应用。
我认为媒体查询的使用正在缓慢发展(我发现很多人对此并不真正了解),但是我想知道是否存在缓慢采用的原因。Web应用程序不切实际吗?我是否缺少某些可能是根本性陷阱的东西?
Answers:
您必须跳过圈才能使其真正起作用。对于我正在开发的网站,我曾经@media (max-width:800px)
为电话和其他较小的屏幕定义了样式表。但是它并没有被例如iPhone使用。
事实证明,电话浏览器开发人员认为人们不会考虑小屏幕,因此他们会依赖渲染引擎(例如,iPhone声称宽度超过900像素),除非您添加一个额外的元标记来告诉它撒谎。当到达要与浏览器实现者抗争的地步时,您开始怀疑是否值得付出努力。
我不能代表所有人,但是根据我自己的经验,时间和金钱一直是决定性因素。我和我的同事一直在寻找最新的东西,但是为不同尺寸的设备设计和实现不同的布局是一件大事。特别是考虑到在我3岁的诺基亚5800上,我们所有的网站看起来都不错-必须滚动以获取侧边栏内容的侧边。我们为小型公司和个体经营者设计和实施网站。
另一个可能有效的原因是,为移动版本提供了完全独立的网站,并拥有自己的单独站点地图(http://www.google.com/support/webmasters/bin/answer.py?hl=zh_CN&answer=34648),是维护站点的简单入门级方法。
如果您可以保证可靠地恢复数据,那很好。
但是想象一下,有人在台式计算机的窗口浏览器中加载网页。您是强迫他们全屏打开以阅读所有内容,还是在缩小的窗口中适应尺寸并在它们最大化时显示大量空白?您只需在页面加载时为CSS提供一次服务!
在手机旋转时切换风景/人像模式的手机浏览器怎么样?如果浏览器的分辨率太低而人们通常使用放大功能,但是您已经适应了所报告的分辨率太小的分辨率,并且页面变得不可读,那该怎么办?
只需遵循制作像样的通用,可扩展CSS的标准准则,然后让浏览器即可将页面缩放至正确的分辨率。