【问题标题】:Samsung galaxy note 5 viewport size三星 Galaxy Note 5 视口尺寸
【发布时间】:2017-11-18 18:17:43
【问题描述】:

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

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

【问题讨论】:

  • 它显示没有问题,所以我认为这不是正确的视口它是怎么回事?
  • @SagarV,是的,它是正确的视口,然后它将响应我的查询。使用固定和绝对定位元素会出现此问题。
  • 添加一些截图和样式

标签: android css media-queries samsung-galaxy


【解决方案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
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-04-30
    • 1970-01-01
    • 2018-09-06
    • 2011-06-02
    • 2013-10-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多