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

如何在HTML中为某些浏览器设置缩放百分比?,html,css,responsive-design,Html,Css,Responsive Design,在web设计中,是否可以根据用户的web浏览器自动设置缩放百分比 例如,在Opera中以100%缩放打开的网站,如果在Chrome中以相同的100%缩放打开,可能看起来不一样。然而,该网站100%的Opera缩放比例与Chrome 125%的缩放比例相同。有没有办法设置缩放视图?是否将我与view port混淆了?这被认为是不好的,但在少数情况下,如果您希望增加元素的比例,可以执行以下操作: .zoom { -ms-transform: scale(1.2);

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


例如,在Opera中以100%缩放打开的网站,如果在Chrome中以相同的100%缩放打开,可能看起来不一样。然而,该网站100%的Opera缩放比例与Chrome 125%的缩放比例相同。有没有办法设置缩放视图?是否将我与view port混淆了?

这被认为是不好的,但在少数情况下,如果您希望增加元素的比例,可以执行以下操作:

   .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 */
     }

“视口”是定义可视区域的一种方式(我想它看起来有点像缩放)。但这是一个元标签

<meta name="viewport" content="width=device-width" />

请不要弄乱浏览器的缩放级别。您的用户可能有充分的理由使用不同的缩放级别,例如,他的眼睛不好或离屏幕的距离更大。弄乱他(用户)的设置可能被认为是粗鲁的。可能重复。我建议在回访之前彻底搜索一下网络。但这一级别的考虑仅假设所有进入的用户都将花费时间和精力来调整缩放级别。我毫不怀疑,人们在观看距离上有不同的舒适度,但这难道不是让用户倾向于网站的标准/预期展示的一个有效理由吗?然后,如果预期的视图不合适,他们可以重新调整自己的视图。@Kimbles先生,我认为,构建一个功能性强、可用性强、吸引眼球的设计是现代网页设计的最大挑战之一。一个设计应该是自己设计的,这意味着它应该在大多数设备上工作,在横向和纵向模式下,在电视屏幕上以及笔记本电脑上。这是一个巨大的挑战,我们都在努力获得完美的布局。我想所有的浏览器供应商都有一个阴谋,目的是让所有的网页设计师陷入疯狂。
@viewport {
    width: 980px;
    min-zoom: 0.25;
    max-zoom: 5;
    orientation: landscape;
}