用于 chrome 模拟设备的 OnePlus 3 和 Oneplus 5 视口大小答案

【问题标题】：OnePlus 3 & Oneplus 5 viewport size for chrome Emulated Devices用于 chrome 模拟设备的 OnePlus 3 和 Oneplus 5 视口大小
【发布时间】：2018-10-16 20:48:43
【问题描述】：

我想将 OnePlus 3 和 OnePlus 5 作为自定义设备添加到 Google Chrome 的模拟设备列表中。请提供视口大小，以便我可以用它测试我的网站。

像素 2 显示尺寸示例

提前致谢

【问题讨论】：

标签： google-chrome frontend web-testing ui-design oneplusthree

【解决方案1】：

我正在寻找同样的东西，我发现了这个： https://www.mydevice.io/

一加5：455x809，像素比例2.375，用户代理Mozilla/5.0 (Linux; Android 8.1.0; Build/OPM1.171019.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.158 Mobile Safari/537.36

我没有 OnePlus 3，也没有找到任何相关信息。

【讨论】：

令人讨厌的是，该网站上现在没有列出任何 OnePlus 设备。

【解决方案2】：

一加 3 使用 346x535。据我所知，这不是一个标准的，它带来的所有后果。

【讨论】：

【解决方案3】：

一加 3： 412x732，像素比：2.625

【讨论】：

在我的 OnePlus 3 上，我访问了一个确认这些尺寸的网站。我还没有确认像素比例。这是尺寸的screenshot。
似乎不正确，在真实设备和 chrome 中使用提供的设置检查ibb.co/p3j4v0x