css - google chrome for mac定位头痛

Question

我使用 FF 作为主要测试平台，Chrome(适用于 Mac)作为辅助平台。 我刚刚注意到 Chrome 显示 ~20px 的 CSS 定位。 (需要明确的是，与 FF 相比，Chrome 显示的 TEXTAREA 缩小了 ~20px) 此外，Chrome 不遵守 TEXTAREA 的宽度 CSS 属性。

是只有我有这个问题还是大家都有这个问题？我以为 IE 疯了。

TEXTAREA {
    background-color: white;
    border: #ccc 2px solid;
    color: black;
    font-family: calibri, helvetica, arial, verdana, ms sans serif;
    padding: 10px;
    font-size: 16pt;
    font-weight: normal
    min-width:320px;
    min-height:138px;
    max-height:138px;
    resize: none;
}

有解决办法吗？？

Answer 1

如果您能向我们展示您的“麻烦”页面，我认为会有所帮助。也许复制一份并上传到网上，以便我们进行检查？

无论如何，我确信它不仅仅与文本区域本身有关。也许它是包含元素之一，父 div 或表 td 或谁知道的规则。因为它是一个文本区域，我很确定有一个表单或某种类型的提交，所以是的，请向我们展示更多您的代码；)

无论如何，您可能会发现这很有用，因此您可以针对 moz 或 chrome 单独编辑代码:

Gecko 浏览器 (FIREFOX):

@-moz-document url-prefix() {
    /* Gecko-specific CSS here */
}

WebKit 浏览器(CHROME、SAFARI):

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Webkit-specific CSS here */
}

干杯