huhtenberg on The Ribbon Microphone

If the author's reading this, the site renders like this in a recent Firefox - https://i.imgur.com/lazMsqx.png

This is a common problem with stylesheets based on tufte-css (an excellent project) which attempts to make things nice for mobile users but often makes the wrong assumption about screen geometry.

My blog had the same problem until I removed the css styles that triggered the font size.

nemetroid 1y

I don't have this particular issue, but instead the text size is hilariously huge. The CSS contains this fragment:

  @media (min-resolution: 1.5dppx) {
   :root {
    font-size: 2.4rem;
   }
  }

My 27 inch 4k monitor comes in at a device pixel ratio of ~1.58, triggering this (presumably) phone-targeted style.

nosolace 1y

the author is in fact reading this and will make some changes

edit: haven't managed to replicate the absurdly huge image; what version # & os are you on?

huhtenberg 1y

Adding this solves the problem:

    figure img { width: 100%; }

femto 1y

I'm seeing this effect with Firefox 115.9.1esr (64-bit), running under Debian 12.

sebazzz 1y

In Safari it looks like there has been a “text-transform: lowercase” in the CSS.

mardef 1y

And like this in Windows/Chrome latest:

https://imgur.com/a/QnNbLEG

on a non-maximized window.

jszymborski 1y

Not the case on v134.0.1 on Linux Mint.

https://i.imgur.com/vmUFR9K.png

Comments