防止chrome更改文本大小

Question

Chrome中有一个选项可让您更改默认字体大小（小，中，大，非常大），显然是

-webkit-text-size-adjust:none;

行不再受支持了。有没有其他方法可以阻止chrome更改字体大小？

Answer 1

您想要做的可能是向后操作：您可能希望根据用户窗口中的缩放级别重新计算它，而不是阻止页面更改字体大小。

看看这个问题，您可以尝试使用所描述的方法在浏览器中检测缩放级别，并应用“逆缩放”将其重置为默认字体大小：How to detect page zoom level in all modern browsers? < / p>

例如为： 如果用户缩放为120％，则需要将字体大小设置为83.3333％

公式简单

function yourFontSize(zoomLevel){
    return 100/zoomLevel*100
}

更多例子：

• 如果用户放大110％yourFontSize(110) // returns 90.9090909090909

• 如果用户放大120％yourFontSize(120) // returns 83.33333333333334

• 如果用户放大150％yourFontSize(150) // returns 66.66666666666666

• 等等

Answer 2

尝试使用jquery，我将font-size强制为特定大小。打开页面，右键单击Inspect。最小化 - 最大化，当文本缩小时，在右上角你会看到屏幕大小，强制它如下：

$(window).resize(function() {
if ($(window).width() > 400 && $(window).width() < 1000)
   $('#myParagraph').css('font-size', '40px');
});

Answer 3

与任何其他浏览器一样，Chrome浏览器具有元素外观的默认值。 获得所需内容的最佳方法是实现一个css脚本，将所有不同的元素重置为您知道的值，并从它们将元素设置为新的所需值。

h1,h2,h3,h4,p,a {
    font-size: 50px;
}

您还可以实现媒体查询，以便在视口更改时更改行为。