Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size—and subsequently the line-height—based on a specific element’s width. This allows for a perfect character count per line at any screen width.

FlowType.JS →

Viewport Meta Tag For Non-Responsive Design

Even if your site is non-responsive, you’ll still want to use the viewport meta tag in certain cases. Don’t set it to scaling and such, but to a fixed width like so:

<meta name="viewport" content="width=1024">

I myself needed this one for the EV-Point website where not all content was shown correctly before adding a fixed width viewport meta tag.

Viewport Meta Tag For Non-Responsive Design →