Question

我使用FF作为主要测试平台，使用Chrome（适用于Mac）作为辅助测试平台。我刚刚注意到Chrome显示CSS的定位约为20px。（要明确的是，与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

我认为如果您能向我们展示您的'麻烦'页面会有所帮助。也许制作副本并将其上传到网上，以便我们检查一下？

无论如何，我确信它不仅仅与textarea本身有关。也许它是其中一个包含元素，父div或表td或谁知道的规则。由于它是textarea，我很确定有某种类型的表格或提交，所以是的，请告诉我们更多你的代码;）

无论如何，您可能会觉得这很有用，因此您可以单独为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 */
}

干杯

Answer 2

不同的浏览器有不同的默认值。将以下内容添加到CSS文件的顶部：

* {
  margin: 0;
  padding: 0;
}

另外，你使用什么doctype？如果XHTML那么“TEXTAREA”需要小写。

google chrome for mac定位头痛

2 个答案: