CN114296674B - 屏幕适配方法、装置、计算机设备及存储介质 - Google Patents
屏幕适配方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN114296674B CN114296674B CN202111651276.2A CN202111651276A CN114296674B CN 114296674 B CN114296674 B CN 114296674B CN 202111651276 A CN202111651276 A CN 202111651276A CN 114296674 B CN114296674 B CN 114296674B
- Authority
- CN
- China
- Prior art keywords
- target design
- design drawing
- browser window
- width
- height
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 33
- 230000006978 adaptation Effects 0.000 title claims abstract description 24
- 238000013461 design Methods 0.000 claims abstract description 182
- 238000010586 diagram Methods 0.000 claims description 63
- 230000006870 function Effects 0.000 claims description 10
- 239000002699 waste material Substances 0.000 abstract description 7
- 238000011161 development Methods 0.000 abstract description 4
- 230000009471 action Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Landscapes
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种屏幕适配方法、装置、计算机设备及存储介质，其中，屏幕适配方法包括：获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高；基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例；获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸；基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值；基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸。本申请能够完成图片的屏幕适配，并能够实现降低适配操作复杂度、降低开发成本低而提高开发效率、降低资源浪费。
Description
技术领域
本申请涉及计算机技术领域，具体而言，涉及一种屏幕适配方法、装置、计算机设备及存储介质。
背景技术
如今，市面上的屏幕尺寸五花八门，如何适配尽可能多的屏幕是对前端开发人员的考验。
目前现有的屏幕适配方式如附图5所示，主要是查询设备的宽度来执行不同的css代码，最终达到理想效果，这种方式具有代码量大，维护不方便，影响开发效率的缺点，同时为了适配高清设备，需要提供高清的图片，而高清图片一般会占用较多的存储资源，进而可能会造成资源浪费。
发明内容
本申请实施例的目的在于提供一种屏幕适配方法、装置、计算机设备及存储介质，用以完成图片的屏幕适配，并用于降低适配操作复杂度、降低开发成本低而提高开发效率、降低资源浪费。
为此，本申请第一方面公开一种屏幕适配方法，所述方法包括：
获取目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高；
基于目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高，计算所述目标设计图的缩放比例；
获取用于加载所述目标设计图的第一根元素基准值，所述第一根元素基准值用于适配所述目标设计图在所述浏览器窗口中的尺寸；
基于所述目标设计图的缩放比例、所述浏览器窗口的宽和所述第一根元素基准值，计算所述目标设计图的第二根元素基准值；
基于所述第二根元素基准值适配所述目标设计图在浏览器窗口中的尺寸。
在本申请第一方面中，作为一种可选的实施方式，所述基于所述目标设计图的缩放比例、所述浏览器窗口的宽和所述第一根元素基准值，计算所述目标设计图的第二根元素基准值的计算式为：
其中，F表示所述第二根元素基准值，x表示所述浏览器窗口的宽，z表示所述第一根元素基准值。
在本申请第一方面中，作为一种可选的实施方式，所述基于目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高，计算所述目标设计图的缩放比例的计算式为：
其中，S表示所述目标设计图的缩放比例，Hc表示所述浏览器窗口的高，Wc表示所述浏览器窗口的宽，w表示所述目标设计图的宽，h表示所述目标设计图的高。
在本申请第一方面中，作为一种可选的实施方式，所述基于所述第二根元素基准值适配所述目标设计图在浏览器窗口中的尺寸，包括：
根据所述第二根元素基准值，设置根元素的下级元素的尺寸属性的值。
在本申请第一方面中，作为一种可选的实施方式，在所述获取目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高之前，所述方法还包括：基于sass函数或scss函数转换所述目标设计图的宽、所述目标设计图的高，以用rem尺寸单位表示所述目标设计图的宽、所述目标设计图的高。
本申请第二方面公开一种屏幕适配装置，所述装置包括：
第一获取模块，用于获取目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高；
第一计算模块，用于基于目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高，计算所述目标设计图的缩放比例；
第二获取模块，用于获取用于加载所述目标设计图的第一根元素基准值，所述第一根元素基准值用于适配所述目标设计图在所述浏览器窗口中的尺寸；
第二计算模块，用于基于所述目标设计图的缩放比例、所述浏览器窗口的宽和所述第一根元素基准值，计算所述目标设计图的第二根元素基准值；
适配模块，用于基于所述第二根元素基准值适配所述目标设计图在浏览器窗口中的尺寸。
在本申请第二方面中，作为一种可选的实施方式所述第二计算模块的计算式为：
其中，F表示所述第二根元素基准值，x表示所述浏览器窗口的宽，z表示所述第一根元素基准值。
在本申请第二方面中，作为一种可选的实施方式，所述第一计算模块的计算式为：
其中，S表示所述目标设计图的缩放比例，Hc表示所述浏览器窗口的高，Wc表示所述浏览器窗口的宽，w表示所述目标设计图的宽，h表示所述目标设计图的高。
本申请第三方面公开一种计算机设备，所述设备包括：
存储有可执行程序代码的存储器；
与所述存储器耦合的处理器；
所述处理器调用所述存储器中存储的所述可执行程序代码，执行本申请第一方面的屏幕适配方法。
本申请第四方面公开一种存储介质，所述存储介质存储有计算机指令，所述计算机指令被调用时，用于执行本申请第一方面的屏幕适配方法。
与现有技术相比，本申请具有如下有益技术效果：
本申请通过获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，进而能够基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例，进而通过获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸，能够基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值，最终能够基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸，其中，与现有技术相比，本申请不需要通过大量的代码适配不同的屏幕，进而具有使用简单、便于理解、降低开发成本低和提高开发效率的优点，另一方面，本申请能够在大多数主流分辨率中精确适配目标设计图，从而具有适配范围广、适配效果好的优点。
再一方面，本申请不需要为了适配高清设备而采用数据量大的高清图片，从而能够降低存储资源浪费。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1是本申请实施例公开的一种屏幕适配方法的流程示意图；
图2是本申请实施例公开的一种屏幕适配场景示意图；
图3是本申请实施例公开的一种屏幕适配装置的结构示意图；
图4是本申请实施例公开的一种计算机设备的结构示意图；
图5是现有技术的适配过程示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。
实施例一
请参阅图1，图1是本申请实施例公开的一种屏幕适配方法的流程示意图。如图1所示，本申请实施例的方法包括以下步骤：
101、获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高；
102、基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例；
103、获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸；
104、基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值；
105、基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸。
本申请实施例通过获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，进而能够基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例，进而通过获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸，能够基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值，最终能够基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸，其中，与现有技术相比，本申请实施例不需要通过大量的代码适配不同的屏幕，进而具有使用简单、便于理解、降低开发成本低和提高开发效率的优点，另一方面，本申请实施例能够在大多数主流分辨率中精确适配目标设计图，从而具有适配范围广、适配效果好的优点。
再一方面，本申请实施例不需要为了适配高清设备而采用数据量大的高清图片，从而能够降低存储资源浪费。
在本申请实施例中，浏览器窗口的分辨率可以1366*768、1920*1080、2560*1440、2560*1600、4096*2160中一种。
在本申请实施例中，作为步骤105的一个示例，如图2所示，假设第二根元素基准值为20px，且html根元素的下级元素test1元素的宽度原值为1.4rem，通过适配，则html根元素的下级元素test1元素的宽度属性的值为1.4*20＝28px。
在本申请实施例中，作为一种可选的实施方式，基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值的计算式为：
其中，F表示第二根元素基准值，x表示浏览器窗口的宽，z表示第一根元素基准值。
在本申请实施例中，作为一种可选的实施方式，基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例的计算式为：
其中，S表示目标设计图的缩放比例，Hc表示浏览器窗口的高，Wc表示浏览器窗口的宽，w表示目标设计图的宽，h表示目标设计图的高。
在本申请实施例中，作为一种可选的实施方式，步骤105：基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸，包括以下子步骤：
根据第二根元素基准值，设置根元素的下级元素的尺寸属性的值。
在本申请实施例中，作为一种可选的实施方式，在获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高之前，方法还包括：基于sass函数或scss函数转换目标设计图的宽、目标设计图的高，以用rem尺寸单位表示目标设计图的宽、目标设计图的高。
实施例二
请参阅图3，图3是本申请实施例公开的一种屏幕适配装置的结构示意图。如图3所示，本申请实施例的装置包括以下功能模块：
第一获取模块201，用于获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高；
第一计算模块202，用于基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例；
第二获取模块203，用于获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸；
第二计算模块204，用于基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值；
适配模块205，用于基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸。
在本申请实施例中，作为一种可选的实施方式第二计算模块的计算式为：
其中，F表示第二根元素基准值，x表示浏览器窗口的宽，z表示第一根元素基准值。
在本申请第二方面中，作为一种可选的实施方式，第一计算模块的计算式为：
其中，S表示目标设计图的缩放比例，Hc表示浏览器窗口的高，Wc表示浏览器窗口的宽，w表示目标设计图的宽，h表示目标设计图的高。
本申请实施例通过获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，进而能够基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例，进而通过获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸，能够基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值，最终能够基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸，其中，与现有技术相比，本申请实施例不需要通过大量的代码适配不同的屏幕，进而具有使用简单、便于理解、降低开发成本低和提高开发效率的优点，另一方面，本申请实施例能够在大多数主流分辨率中精确适配目标设计图，从而具有适配范围广、适配效果好的优点。
再一方面，本申请实施例不需要为了适配高清设备而采用数据量大的高清图片，从而能够降低存储资源浪费。
需要说明的是，关于本申请实施例的装置的其他说明，请参阅本申请实施例一，本申请实施例对此不作限定。
实施例三
请参阅图4，图4是本申请实施例公开的一种计算机设备的结构示意图。如图4所示，本申请实施例的计算机设备包括：
存储有可执行程序代码的存储器301；
与存储器301耦合的处理器302；
处理器302调用存储器301中存储的可执行程序代码，执行本申请实施例一的屏幕适配方法。
本申请实施例通过获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，进而能够基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例，进而通过获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸，能够基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值，最终能够基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸，其中，与现有技术相比，本申请实施例不需要通过大量的代码适配不同的屏幕，进而具有使用简单、便于理解、降低开发成本低和提高开发效率的优点，另一方面，本申请实施例能够在大多数主流分辨率中精确适配目标设计图，从而具有适配范围广、适配效果好的优点。
再一方面，本申请实施例不需要为了适配高清设备而采用数据量大的高清图片，从而能够降低存储资源浪费。
实施例四
本申请实施例公开一种存储介质，存储介质存储有计算机指令，计算机指令被调用时，用于执行本申请实施例一的屏幕适配方法。
本申请实施例通过获取目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，进而能够基于目标设计图的宽、目标设计图的高、浏览器窗口的宽和浏览器窗口的高，计算目标设计图的缩放比例，进而通过获取用于加载目标设计图的第一根元素基准值，第一根元素基准值用于适配目标设计图在浏览器窗口中的尺寸，能够基于目标设计图的缩放比例、浏览器窗口的宽和第一根元素基准值，计算目标设计图的第二根元素基准值，最终能够基于第二根元素基准值适配目标设计图在浏览器窗口中的尺寸，其中，与现有技术相比，本申请实施例不需要通过大量的代码适配不同的屏幕，进而具有使用简单、便于理解、降低开发成本低和提高开发效率的优点，另一方面，本申请实施例能够在大多数主流分辨率中精确适配目标设计图，从而具有适配范围广、适配效果好的优点。
再一方面，本申请实施例不需要为了适配高清设备而采用数据量大的高清图片，从而能够降低存储资源浪费。
在本申请所提供的实施例中，应该理解到，所揭露装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
另外，作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
再者，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。
需要说明的是，功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。
以上所述仅为本申请的实施例而已，并不用于限制本申请的保护范围，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
Claims (5)
1.一种屏幕适配方法，其特征在于，所述方法包括：
获取目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高；
基于目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高，计算所述目标设计图的缩放比例；
获取用于加载所述目标设计图的第一根元素基准值，所述第一根元素基准值用于适配所述目标设计图在所述浏览器窗口中的尺寸；
基于所述目标设计图的缩放比例、所述浏览器窗口的宽和所述第一根元素基准值，计算所述目标设计图的第二根元素基准值；
基于所述第二根元素基准值适配所述目标设计图在浏览器窗口中的尺寸；
以及，所述基于所述目标设计图的缩放比例、所述浏览器窗口的宽和所述第一根元素基准值，计算所述目标设计图的第二根元素基准值的计算式为：
其中，F表示所述第二根元素基准值，x表示所述浏览器窗口的宽，z表示所述第一根元素基准值；
以及，所述基于目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高，计算所述目标设计图的缩放比例的计算式为：
其中，S表示所述目标设计图的缩放比例，Hc表示所述浏览器窗口的高，Wc表示所述浏览器窗口的宽，w表示所述目标设计图的宽，h表示所述目标设计图的高；
以及，在所述获取目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高之前，所述方法还包括：基于sass函数或scss函数转换所述目标设计图的宽、所述目标设计图的高，以用rem尺寸单位表示所述目标设计图的宽、所述目标设计图的高。
2.如权利要求1所述的方法，其特征在于，所述基于所述第二根元素基准值适配所述目标设计图在浏览器窗口中的尺寸，包括：
根据所述第二根元素基准值，设置根元素的下级元素的尺寸属性的值。
3.一种屏幕适配装置，其特征在于，所述装置包括：
第一获取模块，用于获取目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高；
第一计算模块，用于基于目标设计图的宽、所述目标设计图的高、浏览器窗口的宽和所述浏览器窗口的高，计算所述目标设计图的缩放比例；
第二获取模块，用于获取用于加载所述目标设计图的第一根元素基准值，所述第一根元素基准值用于适配所述目标设计图在所述浏览器窗口中的尺寸；
第二计算模块，用于基于所述目标设计图的缩放比例、所述浏览器窗口的宽和所述第一根元素基准值，计算所述目标设计图的第二根元素基准值；
适配模块，用于基于所述第二根元素基准值适配所述目标设计图在浏览器窗口中的尺寸；
以及，所述第二计算模块的计算式为：
其中，F表示所述第二根元素基准值，x表示所述浏览器窗口的宽，z表示所述第一根元素基准值；
以及，所述第一计算模块的计算式为：
其中，S表示所述目标设计图的缩放比例，Hc表示所述浏览器窗口的高，Wc表示所述浏览器窗口的宽，w表示所述目标设计图的宽，h表示所述目标设计图的高；
以及，所述装置还用于：基于sass函数或scss函数转换所述目标设计图的宽、所述目标设计图的高，以用rem尺寸单位表示所述目标设计图的宽、所述目标设计图的高。
4.一种计算机设备，其特征在于，所述设备包括：
存储有可执行程序代码的存储器；
与所述存储器耦合的处理器；
所述处理器调用所述存储器中存储的所述可执行程序代码，执行如权利要求1-2任一项所述的屏幕适配方法。
5.一种存储介质，其特征在于，所述存储介质存储有计算机指令，所述计算机指令被调用时，用于执行如权利要求1-2任一项所述的屏幕适配方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111651276.2A CN114296674B (zh) | 2021-12-30 | 2021-12-30 | 屏幕适配方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111651276.2A CN114296674B (zh) | 2021-12-30 | 2021-12-30 | 屏幕适配方法、装置、计算机设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114296674A CN114296674A (zh) | 2022-04-08 |
| CN114296674B true CN114296674B (zh) | 2024-03-12 |
Family
ID=80972662
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111651276.2A Active CN114296674B (zh) | 2021-12-30 | 2021-12-30 | 屏幕适配方法、装置、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114296674B (zh) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105912336A (zh) * | 2016-04-11 | 2016-08-31 | 江苏中威科技软件系统有限公司 | 一种移动端前端开发多屏适配方法 |
| CN110837617A (zh) * | 2019-10-11 | 2020-02-25 | 平安科技（深圳）有限公司 | 一种网页自适应布局方法、服务器及计算机可读存储介质 |
| CN110888574A (zh) * | 2019-10-12 | 2020-03-17 | 平安普惠企业管理有限公司 | 页面显示的自适配方法、装置、设备及计算机存储介质 |
| CN112261227A (zh) * | 2020-10-28 | 2021-01-22 | 冠群信息技术(南京)有限公司 | 一种移动端多屏等比例适配的方法 |
| CN113204346A (zh) * | 2021-07-05 | 2021-08-03 | 城云科技（中国）有限公司 | 页面适配方法、装置、计算机设备及存储介质 |
-
2021
- 2021-12-30 CN CN202111651276.2A patent/CN114296674B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105912336A (zh) * | 2016-04-11 | 2016-08-31 | 江苏中威科技软件系统有限公司 | 一种移动端前端开发多屏适配方法 |
| CN110837617A (zh) * | 2019-10-11 | 2020-02-25 | 平安科技（深圳）有限公司 | 一种网页自适应布局方法、服务器及计算机可读存储介质 |
| CN110888574A (zh) * | 2019-10-12 | 2020-03-17 | 平安普惠企业管理有限公司 | 页面显示的自适配方法、装置、设备及计算机存储介质 |
| CN112261227A (zh) * | 2020-10-28 | 2021-01-22 | 冠群信息技术(南京)有限公司 | 一种移动端多屏等比例适配的方法 |
| CN113204346A (zh) * | 2021-07-05 | 2021-08-03 | 城云科技（中国）有限公司 | 页面适配方法、装置、计算机设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114296674A (zh) | 2022-04-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109240664B (zh) | 一种采集用户行为信息的方法及终端 | |
| CN111476017B (zh) | 网页表格编辑方法、装置及电子设备 | |
| JP2009211551A (ja) | 情報出力装置および情報出力処理プログラム | |
| CN107807844B (zh) | 交通测试场景的生成方法、装置及计算机可读存储介质 | |
| CN108304192B (zh) | 一种自动生成can交互层代码的方法及系统 | |
| CN109086819B (zh) | caffemodel模型压缩方法、系统、设备及介质 | |
| CN109656670B (zh) | 一种页面渲染方法及装置 | |
| CN113050921A (zh) | 一种网页转换方法、装置、存储介质和计算机设备 | |
| CN114296674B (zh) | 屏幕适配方法、装置、计算机设备及存储介质 | |
| CN112883088B (zh) | 一种数据处理方法、装置、设备及存储介质 | |
| CN112799623A (zh) | 基于bmc的服务器界面远程显示方法、系统及相关设备 | |
| CN117093798A (zh) | 渲染异常检测方法、装置、电子设备及存储介质 | |
| CN114741266B (zh) | 页面白屏时长确定方法、装置、电子设备及存储介质 | |
| CN107038022B (zh) | 一种反序列化方法及装置 | |
| CN101576824B (zh) | 基于jsf开发框架的内存优化系统及方法 | |
| CN113741864B (zh) | 基于自然语言处理的语义化服务接口自动设计方法与系统 | |
| CN114443032A (zh) | 基于JSON schema的表单处理方法、装置、终端及存储介质 | |
| CN108287697B (zh) | 一种html转义字符替换方法、装置及终端 | |
| CN106933852B (zh) | 网页更新请求的生成方法、装置及其响应方法和装置 | |
| CN111488543A (zh) | 一种基于服务器端渲染的网页输出方法、系统和存储介质 | |
| CN112559255B (zh) | 文件挂载恢复的测试方法、系统、装置及存储介质 | |
| CN112904822B (zh) | 车辆ecu参数备份还原方法、系统及诊断设备 | |
| CN114327682B (zh) | WebView白屏检测方法、系统、电子设备和存储介质 | |
| CN115861486A (zh) | Pdf的生成方法、装置和设备 | |
| CN111475284A (zh) | 一种嵌入式设备及其内存监管方法、装置和可读存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |