How to make responsive design for macbook?

Question

css

ESSENCE: on all popular laptop resolutions (1366x768 | 1280x800 | 1280x768 | 1280x720 | 1280x600), the site page is displayed normally, the page structure (roughly): logo on the left, menu on the right, large image in the center, small image on the bottom, and so on Macbook 13 and 15, this little picture below is only half shown, that is, the design is clearly not optimized for macs, before asking a question here, I searched for information about screen resolutions on macs, and this only confused me, for 13: 2560x1600 | for 15: 2880x1800, I'm working on a monitor with a resolution of 1920x1080, which has a screen that is larger than a macbook in both width and height, so how do I set the screen resolution of a macbook in media-queries ?

Answer 1

How to make friends with retina display and CSS Media Queries?