使用新的 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 content='width=1280, user-scalable=0' name='viewport' />
或者这个(肮脏的方法,使用第一个):
<meta content='width=1708, user-scalable=0' name='viewport' />
希望我的回答对你有帮助!