通过2个CSS3属性极快速实现页面自适应的方法技术

本发明专利技术公开了一种通过2个CSS3属性极快速实现页面自适应的方法，包括：S1，将页面整个内容区域，用一个类名包裹起来；S2，利用CSS3属性2D转换，放大或者缩小内容区的类名；S3，利用媒体查询功能，将放大、缩小内容区的功能具体到相应的场景中。本发明专利技术采用的2D转换加媒体查询的方法，能更快的实现页面自适应，由于去掉了累赘代码，加快了页面加载速度，并且可以添加过渡时间，可以让页面自适应的时候内容区切换得更流畅。

A Fast Page Adaptation Method Based on Two CSS3 Attributes

【技术实现步骤摘要】
通过2个CSS3属性极快速实现页面自适应的方法
本专利技术涉及互联网
，特别是涉及一种通过2个CSS3属性极快速实现页面自适应的方法。
技术介绍
在现有技术中，媒体查询+定宽度是做自适应网站最常用的方法，但是定了宽度修改起来很繁琐，不利于维护，父盒子和子盒子的宽都要修改。因此，现有技术需要改进。
技术实现思路
本专利技术实施例所要解决的一个技术问题是：提供一种通过2个CSS3属性极快速实现页面自适应的方法，以解决现有技术中存在的问题。根据本专利技术实施例的一个方面，提供的一种通过2个CSS3属性极快速实现页面自适应的方法，包括：S1，将页面整个内容区域，用一个类名包裹起来；S2，利用CSS3属性2D转换，放大或者缩小内容区的类名；S3，利用媒体查询功能，将放大、缩小内容区的功能具体到相应的场景中。基于上述通过2个CSS3属性极快速实现页面自适应的方法的另一个实施例中，所述利用CSS3属性2D转换，放大或者缩小内容区的类名包括：相应用户对目标元素元件的选中操作，将所述目标元素元件进行整合，得到目标元件集合；响应用户调用CSS3属性的2D转换指令，对所述目标元素元件结合进行编辑操作，按本文档来自技高网...

【技术保护点】
1.一种通过2个CSS3属性极快速实现页面自适应的方法，其特征在于，包括：S1，将页面整个内容区域，用一个类名包裹起来；S2，利用CSS3属性2D转换，放大或者缩小内容区的类名；S3，利用媒体查询功能，将放大、缩小内容区的功能具体到相应的场景中。

【技术特征摘要】
1.一种通过2个CSS3属性极快速实现页面自适应的方法，其特征在于，包括：S1，将页面整个内容区域，用一个类名包裹起来；S2，利用CSS3属性2D转换，放大或者缩小内容区的类名；S3，利用媒体查询功能，将放大、缩小内容区的功能具体到相应的场景中。2.根据权利要求1所述的通过2个CSS3属性极快速实现页面自适应的方法，其特征在于，所述利用CSS3属性2D转换，放大或者缩小内容区的类名包括：相应用户对目标元素元件的选中操作，将所述目标元素元件进行整合，得到目标元件集合；响应用户调用CSS3属性的2D转换指令，对所述目标元素元件结合进行编辑操作，按照用户选择的编辑方式对所述目标元素元件进行编辑处理，得到处理后的关键态，多个关键态按照生成顺序组织成关键态队列。3.根据权利要求2所述的通过2个CSS3属性极快速实现页面自适应...

【专利技术属性】
技术研发人员：宋俊叶，
申请(专利权)人：广州碧辉腾乐软件科技有限公司，
类型：发明
国别省市：广东,44