search

rolandweber / Pityoulish

A collection of programming/debugging exercises to support a course on Distributed Systems.
Creative Commons Zero v1.0 Universal
7 stars 0 forks source link

Formatting on mobile Chrome sucks #85

Closed rolandweber closed 5 years ago

rolandweber commented 5 years ago

Headings, boxes and side-notes are way too small. Some filepaths are too wide and distort the column width on my smartphone, though the simulator used here doesn't show that particular problem.

Screenshot-Pityoulish-Mobile

rolandweber commented 5 years ago

I had similar problems elsewhere. One step to fixing them is to define a viewport:

<meta name="viewport" content="width=device-width">

Then find stuff that is too wide for the viewport, because that causes Chrome to scale the wide stuff differently from the regular text. For background, see https://docs.google.com/document/d/1PPcEwAhXJJ1TQShor29KWB17KJJq7UJOM34oHwYP3Zg/edit?pli=1

For the file paths, <wb> might be helpful. Though I'll have to check whether it inserts a misleading hyphen in case of a break. There are also a bunch of CSS options one can set to allow breaks anywhere within a word.

rolandweber commented 5 years ago

I only care about my hand-written HTML pages here. Formatting the generated JavaDocs for mobile would be overkill.