Images has wrong css width percent when exported to html

[AzurIce]

Description

using 0.14.0-rc.1

For example:

#image("xxx.jpg", width: 25%)
#image("xxx.jpg", width: 2500%)

produces:

<img src="..." style="width: 0.25%">
<img src="..." style="width: 25%">

Reproduction URL

No response

Operating system

Windows

Typst version

• I am using the latest version of Typst

[AzurIce]

I found the problem is here:

typst/crates/typst-html/src/css.rs

Lines 41 to 49 in ddd8ae7

	pub fn rel(rel: Rel) -> impl Display {
	typst_utils::display(move |f| match (rel.abs.is_zero(), rel.rel.is_zero()) {
	(false, false) => {
	write!(f, "calc({}% + {})", rel.rel.get(), length(rel.abs))
	}
	(true, false) => write!(f, "{}%", rel.rel.get()),
	(_, true) => write!(f, "{}", length(rel.abs)),
	})
	}

Since Ratio's get method returns value betweens 0.0 and 1.0, so the value should be timed by 100.0 here.

[AzurIce]

Have created a PR that should fix this problem: #7096