通过css将应用程序缩放到80％ [英] zoom an application to 80% by css

问题描述

我们正在使用开源应用程序，一切都很好。我唯一不喜欢的产品是它的布局&字体大小。
如果我放大到80％（火狐或chrome浏览器），那么应用程序看起来完美。
由于我们的最终用户不是那么技术精明，我想要应用程序以80％缩放模式打开。

We are using an open source application and everything is fine about it. The only thing I dont like about the product is it's layout & text size. If I zoom to 80% (either firefox or chrome browaer) then the application looks perfect. As our end users are not so tech savvy, I want the application to open in 80% zoom mode.

有什么办法可以做css或jQuery。

Is there any way this can be done in css or jQuery.

我试过下面

body {
    -moz-transform: scale(0.8, 0.8); /* Moz-browsers */
    zoom: 0.8; /* Other non-webkit browsers */
    zoom: 80%; /* Webkit browsers */
}

但不帮助...在firefox中执行视图 - > zooms - > -

but doesn't help...it's not same as doing view -> zooms -> -- in firefox

推荐答案

这是真的不可能的CSS和/或JQuery。
手动浏览器缩放和CSS 缩放属性不同，会产生不同的结果。

This is really not possible with CSS and/or JQuery. Manual browser zoom and CSS zoom property both work differently and will produce different results.

strong>来源：
更改浏览器缩放级别

source: Changing the browser zoom level

在网页加载时，为用户提供一个模态窗口，指导他们如何手动放大/已成功缩放。

Alternative: On page load provide users with a modal window instructing them how to manually Zoom in/out, close it after they have zoomed successfully.

这篇关于通过css将应用程序缩放到80％的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！