Fatal编程技术网
  • html/
  • HTML禁用浏览器缩放

HTML禁用浏览器缩放

html

HTML禁用浏览器缩放,html,zooming,scaling,Html,Zooming,Scaling,您好，我正在尝试禁用网页浏览器缩放我的html。重要的是，我能够禁用缩放，因为这是一项工作任务，我没有发言权 我已经研究过如何禁用缩放，但我一定是应用不当，因为它不起作用，因为我仍然能够放大和缩小，这会影响网页 这是代码，有什么问题吗 <HTML> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca

您好，我正在尝试禁用网页浏览器缩放我的html。重要的是，我能够禁用缩放，因为这是一项工作任务，我没有发言权

我已经研究过如何禁用缩放，但我一定是应用不当，因为它不起作用，因为我仍然能够放大和缩小，这会影响网页

这是代码，有什么问题吗

<HTML>
  <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <style>
     table.no-spacing {
        border-spacing: 0
        margin:0;
        border-collapse: collapse; 
     }
     th, td {
        padding: 0px;
        margin: 0px;
        text-align: center;
        font-size: 10.96875pt;
        font-family: "Segoe UI";
        font-weight: Normal;
     }
     input[type = checkbox] {
        display: none;
     }
     input[type=checkbox] + label:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        height: 63.7795275590551px;
        width: 63.7795275590551px;
        background-color: #00256A;
        border: 3px solid  #009AE1;
        color: #009AE1;
        float: "left";
     }
     input[type=checkbox]:checked + label:before {
        background-color: #00256A;
        content: "\2713"; 
        display: inline-block;
        vertical-align: middle;
        font-size: 63.7795275590551px;
        height: 63.7795275590551px;
        width: 63.7795275590551px;
        font-family: "Arial";
        border: 3px solid  #009AE1;
        float: "left";
        color: #009AE1;
     }
     .largeFontSize {
        background-color: #00256A;
        foreground-color: #FFFFFF;
        color: #FFFFFF;
        font-size:32.90625pt;
        font-family: "Segoe UI";
        font-weight: Normal;
      }
      body { 
        background-color: #00256A;
        foreground-color: #FFFFFF;
        color: #FFFFFF;
        font-size: 10.96875pt;
        font-family: "Segoe UI";
        font-weight: Normal;
      }
      input, select { 
        font-size:32.90625pt;
        font-family: "Segoe UI";
        font-weight: Normal;
        border: none; 
      }
      label, select
      {
        background-color: #00256A;
        foreground-color: #FFFFFF;
        color: #FFFFFF;
        font-size: 10.96875pt;
        font-family: "Segoe UI";
        font-weight: Normal;
      }
     </style>
  </head>

  <script language="javascript" type="text/javascript">
      function CreateDeviceDescription()
      {
          return "foobar:" + document.getElementById("deviceID").value + "," + document.getElementById("foo").value
      }
      function ValidateChanges()
      {
           javascript:window.external.validateDeviceID(CreateDeviceDescription());
      }
      function GetDeviceDetails()
      {
           return CreateDeviceDescription();
      }
   </script>
   <BODY bgcolor="#000000">
     <div id=Content>
        <center>ID<center><input type="text" value="" maxlength="25" size="9" id="deviceID" oninput="ValidateChanges()"/><br><br>
        <span style="white-space: nowrap;"><center>Some title<center></span><input type="text" value="" maxlength="7" size="4" id="Freq" oninput="ValidateChanges()"/>
        <script>
           window.onload = function() {
              var bar= document.getElementById("foobar");
              bar.focus();
              bar.value = bar.value;
              };
        </script>
     </div>
   </BODY>
</HTML>


表3.无间距{
边框间距：0
保证金：0；
边界塌陷：塌陷；
}
th，td{
填充：0px；
边际：0px；
文本对齐：居中；
字号：10.96875pt；
字体系列：“SegoeUI”；
字体大小：正常；
}
输入[类型=复选框]{
显示：无；
}
输入[类型=复选框]+标签：在{
内容：''；
显示：内联块；
垂直对齐：中间对齐；
右边距：5px；
高度：63.7795275590551px；
宽度：63.7795275590551px；
背景色：#00256A；
边框：3px实心#009AE1；
颜色：#009AE1；
浮动：“左”；
}
输入[类型=复选框]：选中+标签：之前{
背景色：#00256A；
内容：“\2713”；
显示：内联块；
垂直对齐：中间对齐；
字体大小：63.7795275590551px；
高度：63.7795275590551px；
宽度：63.7795275590551px；
字体系列：“Arial”；
边框：3px实心#009AE1；
浮动：“左”；
颜色：#009AE1；
}
.largeFontSize{
背景色：#00256A；
前景色：#FFFFFF；
颜色：#FFFFFF；
字体大小：32.90625pt；
字体系列：“SegoeUI”；
字体大小：正常；
}
正文{
背景色：#00256A；
前景色：#FFFFFF；
颜色：#FFFFFF；
字号：10.96875pt；
字体系列：“SegoeUI”；
字体大小：正常；
}
输入，选择{
字体大小：32.90625pt；
字体系列：“SegoeUI”；
字体大小：正常；
边界：无；
}
标签，选择
{
背景色：#00256A；
前景色：#FFFFFF；
颜色：#FFFFFF；
字号：10.96875pt；
字体系列：“SegoeUI”；
字体大小：正常；
}
函数CreateDeviceDescription（）
{
返回“foobar:+document.getElementById（“deviceID”）.value+，“+document.getElementById（“foo”）.value
}
函数ValidateChanges（）
{
javascript:window.external.validateDeviceID（CreateDeviceDescription（））；
}
函数GetDeviceDetails（）
{
返回CreateDeviceDescription（）；
}
ID


一些头衔
window.onload=函数（）{
var bar=document.getElementById（“foobar”）；
bar.focus（）；
bar.value=bar.value；
};
我不太清楚你的意思，但我假设你说的是用户故意使用浏览器工具放大页面

无法禁用桌面缩放功能，因为这是浏览器的一部分，您的网站无法更改。您可能可以禁用缩放键盘快捷键，但是我建议您不要这样做-禁用用户快捷键通常不是一个好的做法

但是，在移动设备中，如果要防止缩放，请选择当前的元标记
应该可以工作。

无法禁用桌面上的缩放功能。如果您的方法在移动设备上无法达到预期效果，请尝试此方法

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