html字体设置大小打印无效,使用css中的zoom:50%后对页面文字大小不生效，什么原因？...

css样式如下：

body {

zoom: 50%;

}

发现对图片等都变为原大小的一半，但是字体还是设置的大小(比如font-size:30px)。什么原因？

测试了下，说下我的测试结果：

我手头暂时有iPhone4、5、6p(均为ios7+),经测试全部支持zoom，Android仅有一台魅族MX2。

1.设置了

在ios端，对元素应用zoom属性，可以正常缩放。

在Android端，文字大小不会变化。

pc端,chrome正常缩放。

如果设置了body{-webkit-text-size-adjust:none;} (这个属性仅ios7+以上支持)，有个有趣现象

如果是对于body应用zoom，ios端文字大小不会变化；如果是对于普通元素应用zoom,则文字正常缩放。

2.没设置viewport

均可正常缩放。

结论：

这个属性在webkit内核浏览器中仅是实验性支持，不同浏览器表现不一致。题主不妨换用transform: scale()

以上。

原答案：

zoom是IE的私有属性，你在什么应用场景下，怎么会有这个需求？

html字体设置大小打印无效,使用css中的zoom:50%后对页面文字大小不生效，什么原因？...相关推荐

css 中的zoom,对CSS中zoom属性的总结
在css中,zoom属性作用是设置或检索对象的缩放比例.对应的脚本特性为zoom.虽然很多人都知道,但是任然有人不知道zoom的具体的用法,或者没有深究过,下面就把zoom的用法总结一下: 1.CSS ...
html zoom中心,css中的zoom的使用
css中的zoom的使用 zoom : normal | number normal : 默认值.使用对象的实际尺寸 number : 百分数 | 无符号浮点实数.浮点实数值为1.0或百分数为100% ...
html中zoom方法,css中的zoom的作用
原标题:css中的zoom的作用小标签大用处,今天重庆IT培训www.ztxuexi.cn就给大家说说css中的zoom的作用 : 1.检查页面的标签是否闭合不要小看这条,也许折腾了你两天都没有解 ...
html scale属性,CSS中的zoom属性和scale属性的用法及区别
CSS中的zoom属性和scale属性的用法及区别 CSS中的zoom属性和scale属性的用法及区别是什么呢?以下是小编整理的相关内容,欢迎阅读学习! zoom 属性语法: zoom:normal ...
html字体设置大小打印无效,css font-size属性怎么不管用？
css font-size属性用于设置字体大小.在实际的开发中,有时会发现font-size属性不管用了,设置的字体大小是无效的.这是什么原因?怎么解决?下面本篇文章给大家介绍一下. css font ...
css 字体图标更改颜色_在CSS中更改字体
css 字体图标更改颜色 CSS字体属性 (CSS font properties ) Font properties in CSS is used to define the font family ...
html怎么设置凹陷效果,如何在css中实现圆角内凹效果
如何在css中实现圆角内凹效果发布时间:2020-07-22 09:22:57 来源:亿速云阅读:122 作者:Leah 这期内容当中小编将会给大家带来有关如何在css中实现圆角内凹效果,文章内容 ...
html设置最小宽度滚动条,如何在CSS中设置滚动条的宽度？
现在许多项目中使用滚动条,在某些情况下,使用模拟滚动条. 许多大型邮箱都是使用CSS样式设置的div滚动条宽度,那么CSS如何设置滚动条的宽度? 您可以在CSS中使用::-webkit-scrollb ...
前端如何设置背景颜色的透明度 css中的 rgba() 函数详解：background-color: rgba(255,192,203,0.3)
目录前言 rgba() 函数详解再分享一个小技巧哈哈哈前言今天在开发移动端的时候感觉没背景颜色有点丑,再加上自己做的是蛋糕app,觉得暖色应该会很好看,于是就用了这行代码 backgroun ...

html字体设置大小打印无效,使用css中的zoom:50%后对页面文字大小不生效，什么原因？...

html字体设置大小打印无效,使用css中的zoom:50%后对页面文字大小不生效，什么原因？...相关推荐

最新文章

热门文章