logoalt Hacker News

retrochameleontoday at 7:16 PM1 replyview on HN

Unreadable webpage on mobile. Text goes off the screen, and if you zoom out, the overflown text is on a white background.


Replies

elashritoday at 7:59 PM

I use this bookmarklet on phone when I encounter a page like that and it usually make things better.

javascript:(function(){document.head.insertAdjacentHTML('beforeend','<meta name="viewport" content="width=device-width"/><style>body{word-break:break-word;-webkit-text-size-adjust:none;text-size-adjust:none;}</style>');})();

It does three things, It adds a viewport meta tag for a proper mobile scaling. Prevents long words/URLs from breaking thr page layout and disables automatic font size adjustment on Safari in landscape mode