【问题标题】:Is there a fix for over-scaled graphics on the Pepper 1.8 tablet?Pepper 1.8 平板电脑上的过度缩放图形是否有修复?
【发布时间】:2017-03-20 09:02:45
【问题描述】:

使用新的 Pepper 1.8 平板电脑,由于图像缩放错误,图形被裁剪。我可以在本地更正此问题,还是个别应用开发者必须为此修复他们的应用?

除了手动扩充脚本:

$(function() {
   viewport = document.querySelector("meta[name=viewport]");
   if (viewport != null) {
     var legacyWidth = 1280;
     var windowWidth = window.screen.width;
     var scale = (windowWidth/legacyWidth).toFixed(3);
     init_str = "initial-scale=".concat(scale.toString());
     min_str = "minimum-scale=".concat(scale.toString());
     max_str = "maximum-scale=".concat(scale.toString());
     viewport.setAttribute("content", init_str.concat(",").concat(min_str).concat(",").concat(max_‌​str));
     }
})

【问题讨论】:

    标签: javascript tablet robot pepper


    【解决方案1】:

    平板秤其实存在很大的问题。 Pepper 上的第一个平板显示屏幕为 1708*1067,但平板尺寸为 1280*800。现在,新的平板显示1280*800的平板屏幕大小相同。好消息 !如果您想更正旧代码并在新平板电脑上显示您的网页,您需要更改 html 头部的元数据。

    你可以用这个来改变:

    <meta content='width=1280, user-scalable=0' name='viewport' />
    

    或者这个(肮脏的方法,使用第一个):

    <meta content='width=1708, user-scalable=0' name='viewport' />
    

    希望回答对你有帮助!

    【讨论】:

      猜你喜欢
      • 2021-12-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-31
      • 1970-01-01
      • 1970-01-01
      • 2020-06-08
      相关资源
      最近更新 更多