是否修复了 Pepper 1.8 平板电脑上过度缩放的图形?
Is there a fix for over-scaled graphics on the Pepper 1.8 tablet?
使用新的 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' />
希望以上回答对您有所帮助!
使用新的 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' />
希望以上回答对您有所帮助!