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

最佳答案

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

您可以通过以下方式进行更改:

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


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

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


希望答案对您有所帮助!

关于javascript - Pepper 1.8平板电脑上的超比例图形是否有修复程序?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42899420/

10-12 12:48