响应缩放字母

Question

我正在努力使字母的缩放响应。我用了一个教程来创建我到目前为止所拥有的东西。如果以下代码是正确且有用的，那么我希望得到您的意见和建议。是否有任何错误等等。

此外，我在网页中有CSS，而不是外部的.CSS文件。然后我想知道下面的代码是否正确。 （点）在主标题，主标题引用，上限和文章体等之前。它也只是将代码粘贴到stle区域，它会起作用吗？

＆＃13;

＆＃13;

 body {
    margin:0;
    background-image: url("proffinfo/img/fishing2.jpg");
    background-color: grey;
    font: normal 100% adobe-text-pro, Cambria, Georgia, "Times New Roman", Times, serif;
  }
  
.main-title {
  font: normal 1.875em/1.2 abril-display, Palatino, Georgia, Times, serif;  /* 30 / 18; 36 / 30 */
}

.main-title cite {
  font-size: 1.4em;  /* 42 / 30 */
}

.caps,
figure,
footer {
  font-size: 14px;
}
.article-body {
  font-size: 1.125em;  /* 18 / 16 */
}

/* figure and .caps are children of .article-body, so their context is 18px */
figure,
.caps {
  font-size: 0.777777778em;  /* 14 / 18 */
}

/* The footer's context is the body element, so we'll use 16px here */
footer {
  font-size: 0.875em;  /* 14 / 16 */
}

＆＃13;

＆＃13;

＆＃13;