三星 Galaxy Note 5 视口尺寸

Posted 2023-02-19

【中文标题】三星 Galaxy Note 5 视口尺寸

【英文标题】：Samsung galaxy note 5 viewport size

【发布时间】：2017-11-18 18:17:43

【问题描述】：

我在使用三星 Note 5 复制网站响应问题时遇到了一些问题。使用所述设备时显示混乱。我尝试使用 chrome 开发工具并调整大小以便有机会复制它，但没有运气。我也在互联网上搜索，但看不到 note 5 视口大小。

我尝试了360x640，但它显示没有问题，所以我认为这不是 Note 5 的正确视口。任何帮助将不胜感激。

【问题讨论】：

它显示没有问题，所以我认为这不是正确的视口它是怎么回事？

@SagarV，是的，它是正确的视口，然后它将响应我的查询。使用固定和绝对定位元素会出现此问题。

添加一些截图和样式

【参考方案1】：

根据统计

Pixel size: 1440 x 2560
ViewPort size: 480 x 853

您也可以使用 javascript 获取此信息：

var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

【参考方案2】：

来自this site

Screen Size (X - Horizontally): 1440

Screen Size (Y - Vertically): 2560

Pixel Ratio: 4.0

肖像

它是 360 x 640

该站点还允许您输入任何 URL 并将其呈现在虚拟 Galaxy Note 5 中

旁注

材料设计项目有一个网页目录，其中列出了许多知名手机的显示细节

备用网站

This site 还允许您将 url 渲染到虚拟银河注 5 中

---

_{披露隶属关系：我绝不隶属于任何网站，也不是它/他们的官方代表}

【讨论】：

嗨！感谢您的信息。我试过360 x 640，但结果不是我所期望的。响应式站点测试器虽然很棒，但由于某种原因，它不会呈现站点。

@claudios 网址是什么？

抱歉，该网站是保密的。试过了，但我想知道为什么它不会渲染。还是谢谢

【参考方案3】：

Samsung Galaxy Note 5
screen size: 1440 x 2560
viewport: 480 x 853

【讨论】：

嘿！我测试了它，它似乎工作。测试后我会回来的。

我觉得应该是400 x 700