Chrome Developer Tools for a device messed up

For the last 2 months, Chrome Developer Tools when inspecting a webpage of an Android device on Windows, is completely messed up and unusable. Inspecting a regular website is fine. I tried reinstalling Chrome. Examples:

enter image description here

Why Chrome DevTools is inaccurate for mobile testing?

Lurking Dangers in Chrome DevTools for MobileThis emulation is based solely on changing the screen resolution to match the dimensions of the device. Consequently, Chrome's display of your website on mobile may be completely inaccurate.

How do I troubleshoot Chrome developer tools?

# Open the Issues tabOpen DevTools. Click the Go to Issues button in the yellow warning bar. Alternatively, select Issues from the More tools menu. Once you're on the Issues tab, click the Reload page button if necessary.

How do I view Console errors in Chrome?

In Chrome, navigate to View > Developer > JavaScript Console or More Tools > JavaScript Console or press Ctrl + Shift + J. The error console will open. If you don't see any errors try reloading the page. The error may be generated when the page loads.

Issue seems only with emulator with Android 6 or lower. Got this from comment on https://stackoverflow.com/a/48000682/428724.