Question

我很担心这个..我正在开发一个应用程序，它具有页面的一些视口值（调用背景图像），但我想仅为特定元素设置视口值。例如，在页面中有背景图像和一些按钮以及一些标签（文本），我想仅为背景图像应用视口值而不是该页面中的按钮和文本。还有一个问题是，当我单击重置按钮时，所有视口值都应分配给初始值。它的工作，但只有一次点击后，它不工作。这是我在搜索时看到的一些代码

<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, maximum-scale=2.0, 
minimum-scale=1.0, width=device-width, height=device-height, 
target-densitydpi=device-dpi" />

重置视口值的代码

   function setOrCreateMetaTag() {  
// alert("Reset");
if (window.innerWidth < 500) {
    console.log("Small Devices[setOrCreateMetaTag()]");
    meta.setAttribute("name", "viewport");
    meta.setAttribute("content", "width=device-width, "
            + "initial-scale=0.75," + " minimum-scale=1.0,"
            + " maximum-scale=1.25");
    head.appendChild(meta);
} else {
    console.log("Large Devices[setOrCreateMetaTag()]");

    meta.setAttribute("name", "viewport");
    meta.setAttribute("content", "width=device-width, "
            + "initial-scale=1.0," + " minimum-scale=1.0,"
            + " maximum-scale=1.75");
    head.appendChild(meta);
    document.getElementById('background').src = 'img/bgImg.png';


}
 }

请有人帮助我。感谢

如何为HTML5中的特定元素设置视口值？

0 个答案: