Scale images with text

[jjk]

Do you know a way to have images scaled when user increases or decreases text size ?

[kovidgoyal]

Set its widht/height in rem units.

[phossler]

?typo -- em units

[DNSB]

Originally Posted by kovidgoyal

Set its widht/height in rem units.

Originally Posted by phossler

?typo -- em units

Not a typo. Rem is similar to em but em is relative to the font size of the element while rem is relative to the font size of the root element. See this link for more on rem.

[jjk]

Thanks
I tried it. It works. Good feature indeed !

[phossler]

Originally Posted by DNSB

Not a typo. Rem is similar to em but em is relative to the font size of the element while rem is relative to the font size of the root element.

Interesting

Learn something new every day

[deback]

Then why does Check Book consider "rem" as an error?

[thiago.eec]

Originally Posted by deback

Then why does Check Book consider "rem" as an error?

Are you sure? Did you use it like the example below?

.img1 {
  height: 30rem;
  width: 40rem;
}

This example does not throw an error here.

[JSWolf]

REM is invalid with ePub 2.

[DNSB]

Originally Posted by deback

Then why does Check Book consider "rem" as an error?

Which Check Book in which editor?

[deback]

Check Book in Calibre's editor for ePub 2 does report an error. I've come across this type of error many times. Thank you, Jon, for confirming this.

[deback]

Originally Posted by thiago.eec

Are you sure? Did you use it like the example below?

.img1 {
  height: 30rem;
  width: 40rem;
}

This example does not throw an error here.

Yes, I'm sure, and I didn't use it, but the format was like your example. I've had rem errors in ePubs that I didn't create.