为什么黑莓手机的td没有正确的填充

Question

我正在尝试将padding:3px应用于td但是当您重新调整窗口大小时，它不适用于td的右侧

以下是我尝试的DEMO

在Chrome中查看此内容并查看我的屏幕截图。

屏幕截图（查看图片的右侧，没有应用填充）

---

当我使用内联块进行成像时，它可以在浏览器中使用，但不能在黑莓手机中使用

Answer 1

在我看来，在max-width元素上合并border和image时出现问题。边框不计入the default CSS box model的宽度。因此，图像水平向右移动是左边框的宽度。

我想到了一些可能的解决方法：

A）使用image元素上的 box-sizing: border-box; 切换到Internet浏览器在Quirks模式下使用的以前历史盒模型。

请参阅CSS poperty box-sizing。

所有浏览器的示例，在此使用box-sizing-polyfill来实现IE6＆amp; IE7没有切换到Quirks模式：

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(js/boxsizing.htc);

B）将图片的 max-width设置为98% 。使用此方法时，您还必须找到减少周围元素的底部填充，在您的情况下是表格单元格。

C）将图片向左移动其左边框的宽度： margin: 0 0 0 -2px; 。 这会使图像居中，但水平填充因左右边框的宽度而变小。

Answer 2

在css中使用display: block代替max-width: 100%代替您的图片。希望这对你有用。