jq设置css3的缩放，jq控制css样式

CSS3伸缩布局

伸缩布局是弹性布局的伸缩项目。伸缩布局是一种CSS3的新布局方式，又叫弹性布局，他是弹性布局的伸缩项目。弹性布局（弹性伸缩布局）事实上它是一种新类型的盒子模型，也有书上称作弹性伸缩盒布局。

这些天把对于css3伸缩布局盒（flexbox）模型的理解写成博文，目的是对flexbox做一个简单的介绍。

CSS3中的模块包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。Flexbox由和组成。通过设置元素的display属性为flex或inline-flex可以得到一个伸缩容器。

响应式布局（媒体查询）——通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。

transform：scale(.5)确实就是这样的，如果想要他所占的位置是100px。

相关问答

Q1: 设置比12px还小的页面字体

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入html代码：hello world！。浏览器运行index.html页面，此时设置了8px字体大小的文字。

在谷歌浏览器有一个由来已久的问题，那就是无法设置小于12px字体，就算是设置了小于12px的字体也只会显示12px大小。

首先打开电脑上的浏览器。进入浏览器页面之后，点击右上角的三条横线，就会弹出一个下拉菜单栏。在下拉菜单栏里面找到选项/设置这个功能，点击进入。

在桌面上鼠标右键，选择【屏幕分辨率】，进入页面。选择【放大或缩小文本和其他项目】，进入页面。在这里可以选择三种选择中的一个，包括“较小”、“中等”、“较大”，如果字体太小，可以选择后两项。

Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。

Q2: css3中增加了两种设置调整背景图片大小的方式,分别是什么?

1、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

2、background-size属性是用来设置背景图片尺寸大小的，可以通过长度值或百分比来设置图片大小，或者通过cover和contain来对图片进行伸缩设置。CSS background-size属性作用：规定背景图片的尺寸。

3、index.html。在index.html中的标签中，输入css代码：body{background： url(image.jpg) no-repeat；background-size： 200px 200px； }。浏览器运行index.html页面，此时背景图片成功被设定为200*200。

4、css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。

jq设置css3的缩放的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jq控制css样式、jq设置css3的缩放的信息别忘了在本站进行查找喔。