有但不要太依赖他们移动浏

somratislam9999

览器的不一致之处比我见过的任何桌面浏览器都要多。即使基于 WebKit 的浏览器也可以以完全不同的方式呈现事物。至少有了调试工具，我们就好像回到了 IE 错误修复的前开发工具栏时代。幸运的是，这是我最喜欢的事情之一。 探索这个奇怪的错误新世界成为该项目的主要方面之一。下面突出显示了我最喜欢的一些内容。希望他们不会让你绊倒。 CSS 列  我喜欢 CSS 列。我一直想使用它们一段时间了；但是，除了小型的个人项目之外，没有出现任何具有适当内容的内容。当尝试在 320 像素设备上为我们的网站制定最佳布局时，我意识到，我们可以通过创建 CSS 列将布局 CSS 减少到几行，而不是使用浮动或内联块生成列。由于大多数主要的移动 Web 浏览器都基于 WebKit 。

和 Opera，这似乎是一个相当合理的解决方案，并且似乎完美地布局了一切。伟大的！ 以下是 320 像素媒体查询的原始代码： 手机上，我们的表单元素（特别是按钮）变得无法点击。布局很完美——我们检查了 CSS 是否被 Modernizr 接受，并且所有链接都有效——但您无法 加拿大电话号码表 单击“预订”按钮。回到绘图板。 我们最终使用了更标准的基于浮动的列布局。 CSS 渐变  在 Smashing 杂志上做广告 渐变是浏览器特性的另一个很好的例子。我们在这次重新开发中使用了大量的 CSS 渐变来替换一些图像。这应该可以节省用户的带宽并加快重新设计和维护的速度。 不过，在 WebOS（使用基于 WebKit 的浏览器）上，CSS 渐变将呈现为全黑，除非在表单输入元素上使用。这真是令人费解。最后，我们发现这是实现中的一个。



错误-webkit-linear-gradient。我们了解到该错误已在即将发布的版本中修复，因此将来这可能不再是问题。 这是有问题的渐变会给浏览器的渲染引擎增加沉重的负载，因此，如果您使用大量渐变，那么在移动设备上关闭它们可能是明智之举。） BLACKBERRY 5.0 和 OPERA MINI 上的 JAVASCRIPT   基本上，JavaScript 不能在 Blackberry 5.0 上运行。黑莓尝试过，但它的不一致和缺陷太多，不值得。Peter-Paul Kochs可靠地建议我们仅诉诸设备嗅探并关闭任何 JavaScript。这是确保您的网站通过回退到非 JavaScript 版本来逐步增强的另一个原因。 与此同时，Opera Mini 可以很好地使用 JavaScript，但网站的每个页面都在 Opera 的服务器上呈现，然后在发送到移动设备之前基本上压缩成大图像。这对用户来说非。