如何调整 html 中的图像大小以适应屏幕大小？
How to resize images in html to fit screen size?
我正在尝试使用 HTML 加载图像并使用 WKWebView 调整它的大小（也许使用 CSS？）以适合我的屏幕尺寸。
我可以手动调整大小，但我希望它针对不同的设备是动态的。
我在 HTML 中创建我的文件，然后使用 img 标签加载图像。 CSS 文件是一个单独的文件。要使用 Swift 和 xcode 加载图像，我使用 Webkit 并从本地 URL.
加载它
一切都加载得很好。我可以编辑我的 CSS 文件，并且更改会在测试时发生在我的 phone 上。我唯一想不通的是如何调整 HTML 文件中图像的大小。通常，如果图像作为 UIImage 加载，我可以将大小设置为 view.bound.size.width（或类似的东西，具体取决于我想要什么）。但是，我不确定如何在 HTML 文件中获取这些尺寸。或者还有其他我不确定的方法？
要使用浏览器大小缩放图像，您需要确保这些图像未设置为固定尺寸。
意味着您将使用 vh、vw、em、%、vmin、vmax、rem
等等等等
这完全取决于您的页面是如何标记的，以及您有哪些媒体查询如果有的话
有些人用他们的媒体查询设置 font-size。
完成此操作后，他们将使用 em 作为衡量其页面响应的基础。
这完全取决于页面如何利用某些度量
我正在尝试使用 HTML 加载图像并使用 WKWebView 调整它的大小（也许使用 CSS？）以适合我的屏幕尺寸。
我可以手动调整大小，但我希望它针对不同的设备是动态的。
我在 HTML 中创建我的文件，然后使用 img 标签加载图像。 CSS 文件是一个单独的文件。要使用 Swift 和 xcode 加载图像，我使用 Webkit 并从本地 URL.
加载它一切都加载得很好。我可以编辑我的 CSS 文件，并且更改会在测试时发生在我的 phone 上。我唯一想不通的是如何调整 HTML 文件中图像的大小。通常，如果图像作为 UIImage 加载，我可以将大小设置为 view.bound.size.width（或类似的东西，具体取决于我想要什么）。但是，我不确定如何在 HTML 文件中获取这些尺寸。或者还有其他我不确定的方法？
要使用浏览器大小缩放图像，您需要确保这些图像未设置为固定尺寸。
意味着您将使用 vh、vw、em、%、vmin、vmax、rem
等等等等
这完全取决于您的页面是如何标记的，以及您有哪些媒体查询如果有的话
有些人用他们的媒体查询设置 font-size。
完成此操作后，他们将使用 em 作为衡量其页面响应的基础。
这完全取决于页面如何利用某些度量