Question

我从未在html中编程或之前已经完成过Web任务，但目前我正在使用git repo，其中项目是客户端服务器，因此我必须根据我的要求使用他的代码，部分内容是HTML和我的问题是我的图像太大5400x3601图像上的小文字不再可读。由于反复试验，我确定了对此负责的部分：

 <div style="overflow: scroll">
        <canvas id="canvas" style="width:100%; height:80%; margin: 0; padding: 0;"></canvas>
    </div>

通过将宽度和样式更改为300％，我得到了我想要的结果，但是图像的大小就像951x663一样，因为它们非常适合默认图像而不需要超大他们的外表。我该如何解决这个问题？

Answer 1

这取决于他们是否需要保持宽高比，但假设无关紧要，您可以尝试设置max-width和/或max-height而不是width和{{ 1}}。这将使元素保持最大尺寸，无论你设置什么，但如果它们更小，它们只会填充他们需要的空间。