0

使用新的 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));
     }
})
4

1 回答 1

4

平板秤上其实存在很大的问题。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' />

我希望这个答案对你有帮助!

于 2017-04-14T14:02:24.317 回答