0

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

<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';


}
 }

请任何人帮助我。谢谢

4

0 回答 0