Hacker News new | past | comments | ask | show | jobs | submit login

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.


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.

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?


Adding this solves the problem:

    figure img { width: 100%; }

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

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

And like this in Windows/Chrome latest:

https://imgur.com/a/QnNbLEG

on a non-maximized window.


Not the case on v134.0.1 on Linux Mint.

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




Consider applying for YC's Spring batch! Applications are open till Feb 11.

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: