我搜索了这个并找到了很多解决方案(使用css3转换)。实际上，我对所有按钮都使用了{zoom:1.5}。但它不适用于Firefox。当我使用过渡属性时:-moz-transform:scale(1.5);/*Firefox*/-moz-transform-origin:00;我所有的按钮都是重叠的。查看确定和取消按钮。还有其他选择吗？有帮助吗？？ 最佳答案 缩放50%并保持顶部居中:transform:scale(0.5);transform-origin:50%0;这确实适用于Safari/Firefox/Chrome(我没有用I
我正在开发一个新网站，它应该是“完美”的——与ie6+、ff、chrome、opera和safari兼容。我让它与所有这些浏览器兼容，但有一个问题我无法处理-当更改缩放比例时，所有布局都会变得困惑。解决问题的示例:http://jsfiddle.net/pdQrQ/1/在Chrome(14.0.835)、FF(7.0.1)和IE9中，当缩小时-右上角的框大小正在改变(至少看起来像)然后它没有与下面的框右对齐。编辑:我知道原因是什么-边界!说明:每个浏览器上的缩放功能都会更改div的宽度/高度，但不会更改边框大小，因此会导致此故障/float。如果我删除边框，一切正常。但我想使用边框，否
我正在开发一个新网站，它应该是“完美”的——与ie6+、ff、chrome、opera和safari兼容。我让它与所有这些浏览器兼容，但有一个问题我无法处理-当更改缩放比例时，所有布局都会变得困惑。解决问题的示例:http://jsfiddle.net/pdQrQ/1/在Chrome(14.0.835)、FF(7.0.1)和IE9中，当缩小时-右上角的框大小正在改变(至少看起来像)然后它没有与下面的框右对齐。编辑:我知道原因是什么-边界!说明:每个浏览器上的缩放功能都会更改div的宽度/高度，但不会更改边框大小，因此会导致此故障/float。如果我删除边框，一切正常。但我想使用边框，否
我想让我的网站缩小80%。即将图像、字体和所有内容缩小到当前大小的80%。有什么方法可以使用jQuery或CSS来做到这一点吗？我试过body{zoom:80%}但它只适用于Chrome。 最佳答案 CSS解决方案:body{-moz-transform:scale(0.8,0.8);/*Moz-browsers*/zoom:0.8;/*Othernon-webkitbrowsers*/zoom:80%;/*Webkitbrowsers*/}支持所有主流浏览器http://caniuse.com/#feat=css-zoom对于Fi
我想让我的网站缩小80%。即将图像、字体和所有内容缩小到当前大小的80%。有什么方法可以使用jQuery或CSS来做到这一点吗？我试过body{zoom:80%}但它只适用于Chrome。 最佳答案 CSS解决方案:body{-moz-transform:scale(0.8,0.8);/*Moz-browsers*/zoom:0.8;/*Othernon-webkitbrowsers*/zoom:80%;/*Webkitbrowsers*/}支持所有主流浏览器http://caniuse.com/#feat=css-zoom对于Fi
我想使用CSS3scale()转换来实现翻转效果，但我希望保持翻转图像尺寸不变。因此，效果是图像放大了，但仍受限于其现有的宽度和高度。img:hover{transform:scale(1.5);-ms-transform:scale(1.5);/*IE9*/-moz-transform:scale(1.5);/*Firefox*/-webkit-transform:scale(1.5);/*SafariandChrome*/-o-transform:scale(1.5);/*Opera*/}这是一个基本的fiddle开始。但同样，我希望图像保持宽度/高度。我不喜欢使用css3比例尺。
我想使用CSS3scale()转换来实现翻转效果，但我希望保持翻转图像尺寸不变。因此，效果是图像放大了，但仍受限于其现有的宽度和高度。img:hover{transform:scale(1.5);-ms-transform:scale(1.5);/*IE9*/-moz-transform:scale(1.5);/*Firefox*/-webkit-transform:scale(1.5);/*SafariandChrome*/-o-transform:scale(1.5);/*Opera*/}这是一个基本的fiddle开始。但同样，我希望图像保持宽度/高度。我不喜欢使用css3比例尺。
我花了一整天的时间寻找解决方案，而且这个网站不断出现，所以为什么不问问你们呢。我正在构建我们公司的移动网站，我们希望禁用自动缩放移动设备，当它们被聚焦时用于放大文本/搜索/电子邮件输入。我正在用HTML5构建网站并且已经看到/测试了解决方案。具有各种属性(即minimum-scale=#,maximum-scale=#")这适用于我正在测试的几乎所有移动设备。只有一个问题。我希望用户能够在闲暇时放大/缩小。(我们有一些更高分辨率的产品照片，可以近距离观看)如何在单击输入标签时禁用放大，同时保留完整的手动用户缩放控制？p.s该网站也使用jQuery。因此，使用它的任何想法都可能有所帮助。
我花了一整天的时间寻找解决方案，而且这个网站不断出现，所以为什么不问问你们呢。我正在构建我们公司的移动网站，我们希望禁用自动缩放移动设备，当它们被聚焦时用于放大文本/搜索/电子邮件输入。我正在用HTML5构建网站并且已经看到/测试了解决方案。具有各种属性(即minimum-scale=#,maximum-scale=#")这适用于我正在测试的几乎所有移动设备。只有一个问题。我希望用户能够在闲暇时放大/缩小。(我们有一些更高分辨率的产品照片，可以近距离观看)如何在单击输入标签时禁用放大，同时保留完整的手动用户缩放控制？p.s该网站也使用jQuery。因此，使用它的任何想法都可能有所帮助。
我想在浏览器(在触摸设备上)禁用双击缩放功能指定元素，没有禁用所有缩放功能。例如:可以多次点击一个元素来使某事发生。这在桌面浏览器上运行良好(正如预期的那样)，但在触摸设备浏览器上，它会放大。 最佳答案 注意(截至2020-08-04):此解决方案似乎不适用于iOSSafariv12+。一旦找到涵盖iOSSafari的明确解决方案，我将更新此答案并删除此注释。纯CSS解决方案将touch-action:manipulation添加到您想要禁用双击缩放的任何元素，如以下disable-dbl-tap-zoom类:.disable-db
