<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is my first web page.</p>
</body>
</html>
下面是我的css代码：
pre {
font-size: 16px;
line-height: 1.5;
transform: scale(0.8);
transform-origin: top left;
}
其中，font-size设置为16px，line-height设置为1.5，对应网页中使用的字体大小和行距。transform设置为scale(0.8)，将pre标签中的内容进行缩放，使其大小与想要的效果相符。transform-origin设置为top left，使pre标签中的内容从左上角开始缩放。
通过以上的设置，我成功地解决了HTML代码显示比原图大的问题，显示效果非常完美，整个网页也变得更加美观了。通过这个过程，我深刻地感受到了CSS在网页制作中的重要性，也更加熟练地掌握了CSS样式的使用方法。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
