【问题标题】:how can I emulate iMac Retina 5K through chrome dev tools and target through CSS?如何通过 chrome 开发工具模拟 iMac Retina 5K 并通过 CSS 定位?
【发布时间】:2016-06-26 20:18:25
【问题描述】:

我一直在为客户网站工作,他们最近购买了 iMac Retina 5k。自从他们买了这个,网站上的文字已经缩小,以至于很难阅读。我的主要问题是如何在 Chrome 开发工具中模拟这一点。我了解屏幕尺寸为 5120 像素 x 2880 像素。这些设备的 dpr 是什么?如何使用 CSS 定位它们?

【问题讨论】:

  • 这也是一个类似的问题。 stackoverflow.com/questions/11012724/…。不是刻薄,但我在第一次使用 Google 搜索时发现了它。祝你的项目好运
  • 这如何回答我的问题?
  • 您是否使用 JavaScript 来更改 dppx 比率? AKAIK 不能单独使用元视口命令来完成。默认情况下,浏览器使用合理的 dppx,因此您不必担心这些事情。

标签: css google-chrome-devtools screen-resolution


【解决方案1】:

也许 SVG 格式、@media 查询 CSS 和 CSS @font-face 属性可能会有所帮助。我为你找到了这个: enter link description here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-08-01
    • 2022-12-11
    • 1970-01-01
    • 2012-07-30
    • 2014-10-15
    • 2015-03-15
    • 1970-01-01
    • 2022-11-08
    相关资源
    最近更新 更多