Different font size depending on device

I am trying to get the font size right on my different devices, but it seems like it syncs between. If I set 18 on my computer and 16 on my iPhone and 17 on my iPad. It seems to sync the last one set.
Is this true and if it is, can I fix so I can have different size depending on unit?

Maby do a custom css per unit?

This should do it:

/* mobile */
@media (max-width: 480px) {
	.cm-line {
		font-size: 16px;
	}
}

/* tablet */
@media (min-width: 480px) and (max-width: 768px) {
	.cm-line {
		font-size: 17px;
	}
}

/* pc */
@media (min-width: 768px) {
	.cm-line {
		font-size: 18px;
	}
}

(To easily test that code, you could add a different color: to each media block)

Peace to you :dove:

2 Likes

Thanks :slight_smile:

1 Like