html - 如何在 HTML 中为某些浏览器设置缩放百分比?

标签 html css responsive-design

在网页设计中,是否可以根据用户的网络浏览器自动设置缩放百分比?

例如,在 Opera 中以 100% 缩放比例打开的网站与在 Chrome 中以相同的 100% 缩放比例打开时可能看起来不一样。然而,100% Opera 的网站与 125% Zoom 的 Chrome 缩放相同。有没有办法设置缩放 View ?我是否对视口(viewport)感到困惑?

最佳答案

嗯,这被认为不好,但在极少数情况下,您想增加元素的比例,您可以这样做:

   .zoom {
        -ms-transform: scale(1.2);
        -ms-transform-origin: 50% 0; /* IE */
        -moz-transform: scale(1.2);
        -moz-transform-origin: 50% 0 0;  /* Mozilla */ 
        -webkit-transform: scale(1.2);
        -webkit-transform-origin: 50% 0 0;  /* Chrome, Safari, Opera */
     }

关于html - 如何在 HTML 中为某些浏览器设置缩放百分比?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31764420/

相关文章:

html - 滚动时隐藏固定 div 下方的内容 div

javascript - JS 函数正在破坏剩余的函数

html - 给定布局的 Bootstrap 网格(或 IE 兼容的 CSS 网格)

css - 带焦点的菜单添加文本

css - 响应式网站在手机上以全宽显示(但在模拟手机上不显示)

html - 不工作最小高度样式

css - 在 Angular 2/Angular-CLI 中将 CSS 排除在 JS 之外

html - 帧的高度(以像素为单位)

javascript - 我怎样才能垂直固定 div 元素?

twitter-bootstrap - 使用 twitter bootstrap,如何让缩略图(如缩略图组件)具有相同的高度?