0

可以做到吗？跨浏览器（IE9、Mozilla、Chrome、Opera）？

在此代码段.box中，边框受zoom属性影响。这可以避免吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
.box {
     zoom: 3;
     -moz-transform: scale(3);  /* FF fix */
     border: 1px dotted black;
     padding:10px;
}
</style>
</head>
<body>
    <div class="box">content</div>
</body>
</html>
4

1 回答 1

0

我不太确定你在这里期望什么。如果您将该zoom属性应用于任何元素，那么它的所有测量值都将转换为1/x. 离开你的例子，最好的方法是将预期的测量值除以缩放值。在您的示例中，如果您想将填充保持在10px（或附近），则可以padding:3px改用。

但是，因为您的问题在于border属性，特别是设置1px为值，所以您不能将其除以您的zoom值。相反，您将不得不将 HTML 包裹起来：

<div class="border">
    <div class="box"></div>
</div>

.box并将您的边框样式从.border

工作小提琴

于 2013-11-08T15:01:18.070 回答