css - CSS3比例不起作用

Question

我对 Web 开发非常陌生，我似乎无法扩展我的文本。我试图查找如何，但我的搜索总是空的。

#top-nav {
    background: #94b3c8;
    text-align: cemter;
}

#top-nav dt {
    display: inline-block;
    padding-left: 20px;
    font: 20px Tahoma;
    color: white;
    padding-bottom: 2px;
}

#top-nav a:active {
    color: white;
    text-decoration: underline;
}

#top-nav a:link {
    color: white;
    text-decoration: none;
}

#top-nav a:visited {
    color:white;
    text-decoration:none;
}

#top-nav a:hover {
    display: block;
    color: white;
    text-decoration: underline;
    transform: scale(1.5, 1.5)
    -ms-transform: scale(1.5, 1.5)
    -webkit-transform: scale (1.5, 1.5)
    -moz-transform: scale(1.5, 1.5)
    -o-transform: scale(1.5, 1.5)
}

Answer 1

您需要在定义后添加分号transform，否则浏览器会将其视为错误并忽略后续规则。

transform: scale(1.5, 1.5); /*you didn't have the semi-colons here*/
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale (1.5, 1.5);
-moz-transform: scale(1.5, 1.5);
-o-transform: scale(1.5, 1.5);