宽度提供正确的样式如果您

somratislam9999

需要网站在 IE 8 及以下版本上响应，这是一个很好的解决方案。主要问题是文档加载和 JavaScript 启动之间的时间；该网站最初使用基本样式表（通常是移动视图）显示，然后“跳转”到完整的桌面版本。显然，这在桌面显示器上看起来不太好，如果用户使用的是旧浏览器，那么他们的计算机和互联网连接可能也会很慢，这意味着跳转时间可能会更长。 这里的另一个 JavaScript 选项是 Chrome 框架，它达到了相同的目的并具有相同的缺点。这个解决方案还不错，但不适合我们的实现。 包括所有媒体查询  这是我最喜欢的响应式网站选项之一，也在最新版本的 320 及 Up 样板中使用。为每个设备宽度创建单独的 CSS 文件；对于 IE，将它们全部提供给用户，无需媒体查询。通过。

移动优先的方法和 IE 样式表中的几个固定宽度，这将为过时浏览器的用户提供全尺寸版本的网站。该解决方案快速、简单且易于维护。 完全独立的 IE 样式表  最后，在适当的条件下，您可以编写一个完全独立的 IE 样式表，其中充满条件注释来加载网站的完整桌面版本。理论上，这只需要包含少量的布局信息；但考虑到其中许多样式将在您的媒体查询中以更宽的宽度再现，因此可能会导致维护问题。复制代码从来都不是一个好主意，这让我对这个解决方案 加拿大电话号码表 保持警惕。 有趣的是，我们最终使用了这个解决方案，但有所不同。我们在模板文件中使用了 PHP 插件来组合、压缩和缓存 CSS 文件。由于 IE 中的缓存存在一些问题，我们已经为 IE 用户生成了单独的缓存 CSS 文件。我们在 PHP 文件中添加了几行，以在。



组合和压缩 CSS 时完全删除媒体查询。此方法提供“包含所有媒体查询”解决方案的结果，同时允许在样式表中选择内联媒体查询。由于我们组织 CSS 的方式，这被证明是该项目的最佳解决方案。 结论 ＃ 毕竟，我们终于有了响应式预订流程的第一个版本。我认为这就是“移动就绪”的缩影。我们不一定针对移动设备进行了优化，但我们的脚正站在高梯子的底部，可以爬到一个在所有设备上都能完美运行的出色系统。如果你愿意的话，这就是起点。 它值得吗？这是一个漫长的旅程，有很多令人头疼的事情，并且我们需要快速学习，但这就是 Web 开发的目的，我不会有任何其他方式。你不可能第一次就完美，也不必如此。关键是这项技术现在已经准备好了，您越早开始使用它，您就能为即将到来的移动市场做好更。