So earlier I was stumped on why my website becomes unreadable (this is my first theme I’m creating in Magento) when I scale the website down to a phone size or small tablet size using Resizer bookmarklet in Chrome. I’ve created multiple responsive designs and never had this problem.
I figured out it’s because that this gets appended into the style attribute on the <html> tag:
-webkit-transform: scale(0.6122448979591837); -webkit-transform-origin: 0px 0px; min-width: 980px;
Because when I delete that off the style attribute on the html tag, the page loads fine with the font size readable and everything else like it originally would.