如何通过chrome开发工具模拟iMac Retina 5K,通过CSS模拟target?

如何通过chrome开发工具模拟iMac Retina 5K,通过CSS模拟target?,css,google-chrome-devtools,screen-resolution,Css,Google Chrome Devtools,Screen Resolution,我在一家客户网站上工作,他们最近买了一台iMac retina 5k。自从他们买了这本书,网站上的文字就缩水了,几乎看不懂。我的主要问题是如何在Chrome开发工具中模拟这一点。我知道屏幕尺寸是5120px乘以2880px。这些设备的dpr是什么?我如何使用CSS定位它们?SVG格式、@media querys CSS和CSS@font-face属性可能会有所帮助。我为你找到了这个: 这也是一个类似的问题。这并不意味着,但我第一次用谷歌搜索就发现了它。祝你的项目好运这是如何回答我的问题的?你在用

我在一家客户网站上工作,他们最近买了一台iMac retina 5k。自从他们买了这本书,网站上的文字就缩水了,几乎看不懂。我的主要问题是如何在Chrome开发工具中模拟这一点。我知道屏幕尺寸是5120px乘以2880px。这些设备的dpr是什么?我如何使用CSS定位它们?

SVG格式、@media querys CSS和CSS@font-face属性可能会有所帮助。我为你找到了这个:

这也是一个类似的问题。这并不意味着,但我第一次用谷歌搜索就发现了它。祝你的项目好运这是如何回答我的问题的?你在用JavaScript改变dppx比率吗?AKAIK仅使用元视口命令无法完成此操作。默认情况下,浏览器使用合理的dppx,因此您不必担心这些事情。