clayh53 / tufte-jekyll

Minimal Jekyll blog styled to resemble the look and layout of Edward Tufte's books
MIT License
620 stars 206 forks source link

Why does the font size increase arbitrarily with window width? #11

Closed reitzig closed 8 years ago

reitzig commented 8 years ago

The CSS specifies different font sizes for different window sizes, all the way up to 17px. I understand the idea behind that in principle.

However, it doesn't stop there. In full screen on my 22'' monitor, I get 23.8pt. That's way too large.

Where does this come from? Where in the CSS can I prevent that from happening?

Possibly related issue: jumping floating image.

screenshot from 2015-10-02 20 24 40

Make the window a tiny bit broader:

screenshot from 2015-10-02 20 24 56

When I start with a narrow window and increase width all the way up to screen width, the image jumps around multiple times.

clayh53 commented 8 years ago

You're right. It should stop. I'll check the logic on the media queries.

On Oct 2, 2015, at 2:31 PM, Raphael R. notifications@github.com wrote:

The CSS specifies different font sizes for different window sizes, all the way up to 17px. I understand the idea behind that in principle.

However, it doesn't stop there. In full screen on my 22'' monitor, I get 23.8pt. That's way too large.

Where does this come from? Where in the CSS can I prevent that from happening?

Possibly related issue: jumping floating image.

Make the window a tiny bit broader:

When I start with a narrow window and increase width all the way up to screen width, the image jumps around multiple times.

— Reply to this email directly or view it on GitHub.

clayh53 commented 8 years ago

I've made changes to the header and nav with the new version. See if it works now.