如何调整html中图像的大小以适合屏幕尺寸?

时间:2019-08-07 20:34:37

标签: html ios css swift wkwebview

我正在尝试使用HTML加载图像并使用WKWebView调整其大小(也许使用CSS?)以适合我的屏幕尺寸。

我能够手动调整尺寸,但是我希望它对于不同的设备是动态的。

我用HTML创建文件,然后使用img标签加载图像。 CSS文件是一个单独的文件。要使用Swift和xcode加载图像,我使用Webkit并从本地URL加载图像。

一切正常。我可以编辑CSS文件,并且在测试时会在手机上进行更改。我唯一不知道的是如何调整HTML文件中图像的大小。通常,如果将图像作为UIImage加载,则可以将大小设置为view.bound.size.width(或类似的设置,具体取决于我想要的)。但是,我不确定如何在HTML文件中获取这些尺寸。也许还有另一种我不确定的方式?

1 个答案:

答案 0 :(得分:3)

要缩放具有浏览器大小的图像,您将需要确保这些图像未设置为固定尺寸。

意味着您将使用vhvwem%vminvmaxrem

等等等

这将完全取决于页面的标记方式以及如有

有些人将font-size设置为他们的媒体查询。

完成此操作后,他们将使用em作为衡量标准,以使其页面具有响应性。

这完全取决于页面如何利用某些度量