WO2014000346A1 - 一种网页自适应布局方法及装置 - Google Patents

一种网页自适应布局方法及装置 Download PDF

Info

Publication number
WO2014000346A1
WO2014000346A1 PCT/CN2012/082432 CN2012082432W WO2014000346A1 WO 2014000346 A1 WO2014000346 A1 WO 2014000346A1 CN 2012082432 W CN2012082432 W CN 2012082432W WO 2014000346 A1 WO2014000346 A1 WO 2014000346A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
size
width
font
module
Prior art date
Application number
PCT/CN2012/082432
Other languages
English (en)
French (fr)
Inventor
刘承诚
王智杰
王倩
Original Assignee
百度在线网络技术（北京）有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 百度在线网络技术（北京）有限公司 filed Critical 百度在线网络技术（北京）有限公司
Publication of WO2014000346A1 publication Critical patent/WO2014000346A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents

Definitions

  • the present invention relates to the field of website page transcoding technology, and in particular, to a webpage adaptive layout method and apparatus.
  • the existing technology mainly aims at converting a web page of a desktop device into a fixed web page adapted to a mobile device, so at least the following problems occur:
  • the width of the webpage can only adapt to a mobile terminal of a screen size, and cannot be universally adapted;
  • the present invention is directed to at least one of the above technical problems.
  • a first object of the present invention is to provide a web page adaptive layout method.
  • a second object of the present invention is to provide a web page adaptive layout device.
  • a webpage adaptive layout method includes the following steps: adjusting a width of a webpage to fit a width of a plurality of mobile terminal screens; modifying a font size of the webpage to Adapting a font size of the plurality of mobile terminal screens; and causing different segments on the web page to slide.
  • the webpage adaptive layout method according to the embodiment of the present invention can automatically adapt to the screen by setting the screen width and the font size, so that the webpage can be adapted to various mobile terminals, improving the applicability of the webpage and enhancing the user experience.
  • a webpage adaptive layout device package of an embodiment of the second aspect of the present invention a width adjustment module, the width adjustment module is configured to adjust a width of the webpage to adapt to a width of the plurality of mobile phone screens; and a font adjustment module, where the font adjustment module is configured to modify the font size of the webpage to be adapted to the a plurality of mobile phone screen font size; and a slide module, the slide module is configured such that a different block on the web page we b may slide.
  • the webpage layout can be automatically adapted to the size of the mobile terminal by the width adjustment module font adjustment module and the sliding module, thereby improving the applicability of the webpage and enhancing the user experience.
  • FIG. 1 is a flowchart of a webpage adaptive layout method according to an embodiment of the present invention
  • FIG. 2 is a flowchart of a webpage adaptive layout method according to an embodiment of the present invention
  • FIG. 3 is an embodiment of the present invention.
  • FIG. 4 is a schematic structural diagram of a webpage adaptive layout apparatus according to an embodiment of the present invention
  • FIG. 5 is a schematic structural diagram of a webpage adaptive layout apparatus according to an embodiment of the present invention; ;as well as
  • FIG. 6 is a schematic structural diagram of a webpage adaptive layout apparatus according to an embodiment of the present invention.
  • a webpage adaptive layout method comprising the steps of: adjusting a width of a webpage to adapt to a width of a plurality of mobile terminal screens; modifying a font size of the webpage to a font size of a plurality of mobile terminal screens; and making the webpage Different blocks can slide on. .
  • FIG. 1 is a flowchart of a webpage adaptive layout method according to an embodiment of the present invention.
  • Step S101 Adjust the width of the webpage to adapt to the width of the screen of the plurality of mobile terminals. Specifically, the width in the web page in **px is replaced by **% or replaced by the automatic width according to a predetermined rule.
  • the screen width of the scale is initialized, where the ⁇ meta> element provides meta-information about the page.
  • Step S102 Modify the font size of the webpage to adapt to the font size of the screens of the plurality of mobile terminals.
  • the fixed font size "font-size: **px" set in the font style in the web page is deleted, and the reference size of the web page is calculated by a statistical method, and then the size is set.
  • the font size of other parts is set by setting the font size "font-size: **em", and the em unit represents the same size of the reference size, and the font size is the relative unit size of the reference size.
  • Step S103 Make different blocks on the web page slideable.
  • a different float (the ess one, set the sliding attribute of the label) attribute is added to different partitions on the web page; then the fixed location information is deleted. More specifically, by adding a floating float attribute to different modules in the web page in the css (Cascading Style Sheets) style, and then deleting the fixed position setting information in the blocking attribute, let each block You can form a streaming layout by sliding according to the page size.
  • the width of the plurality of mobile terminal screens includes 320px, 320-480px, 480-800px, and 800px or greater.
  • the screen width and the font size are automatically adapted to the screen size, and the modules in the page automatically slide according to the page size, so that the webpage can automatically adapt to the screen of different mobile devices and change the layout. , improve the pageability of the webpage and enhance the user experience.
  • FIG. 2 is a flowchart of a webpage adaptive layout method according to still another embodiment of the present invention.
  • Step S201 Adjust the width of the webpage to adapt to the width of the screen of the plurality of mobile terminals. Specifically, the width in the web page in **px is replaced by **% or replaced by the automatic width according to a predetermined rule.
  • the screen width of the scale is initialized.
  • the Width Fixed **px setting in the web page with **% or directly to the automatic width according to the predetermined rules.
  • Step S202 Modify the font size of the webpage to be adapted to the font size of the screens of the plurality of mobile terminals.
  • the fixed font size "font-size: **px" set in the font style in the web page is deleted, and the reference size of the web page is calculated by a statistical method, and then the size is set.
  • the font size of other parts is set by setting the font size "font-size: **em", and the em unit represents the same size of the reference size, and the font size is the relative unit size of the reference size.
  • Step S204 Load different ess files according to the size of the screen of the plurality of mobile terminals.
  • a plurality of ess style files are added to the web, and when the web page is initialized in the mobile terminal, the corresponding ess style file is loaded according to the size of the screen of the mobile terminal.
  • the width of the plurality of mobile terminal screens includes 320px, 320-480px, 480-800px, and 800px or greater.
  • the layout presentation is changed by loading different CSS style files during page initialization, so that the page can adapt to the screens of different mobile terminals, improving the browsingability of the webpage and improving the user experience.
  • FIG. 3 is a flowchart of a webpage adaptive layout method according to still another embodiment of the present invention.
  • Step S301 Adjust the width of the webpage to adapt to the width of the screen of the plurality of mobile terminals. Specifically, the width in the web page in **px is replaced by **% or replaced by the automatic width according to a predetermined rule.
  • the screen width of the scale is initialized.
  • the Width Fixed **px setting in the web page with **% or directly to the automatic width according to the predetermined rules.
  • Step S302 Modify the font size of the webpage to adapt to the font size of the screens of the plurality of mobile terminals.
  • the fixed font size set in the font style in the web page "font-size: **px" to delete, and then calculate the base size of the web page through a statistical-based method, and then set this size in the body of the web page, and the font size of other parts by setting the font size "font-size: * *em "To set, the em unit represents the same size of the base size, and the font size is the relative unit size of the base size.
  • Step S303 Make different blocks on the web page slideable.
  • Step S304 Load different ess files according to the size of the screens of the plurality of mobile terminals.
  • a plurality of ess style files are added to the web, and when the web page is initialized in the mobile terminal, the corresponding ess style file is loaded according to the size of the screen of the mobile terminal.
  • Step S305 Set a max-width (define the maximum width of the element) attribute in different ess files to change the size of the picture.
  • the display width of the image is changed by setting the maximum width max-width property of the image in different ess style files.
  • the images display different sizes.
  • the width of the plurality of mobile terminal screens includes 320px, 320-480px, 480-800px, and 800px or greater.
  • the size of the image displayed on the page is loaded by loading different CSS style files during page initialization, so that the image display can adapt to the screen of different mobile terminals, and the pageability of the image in the webpage is improved. And enhance the user experience.
  • a webpage adaptive layout device includes: a width adjustment module, wherein a width adjustment module is configured to adjust a width of a webpage to fit a width of a plurality of mobile phone screens; a font adjustment module, and a font adjustment module is configured to modify a font size of the webpage to be Adapting to the font size of multiple mobile phone screens; and a sliding module for sliding different blocks on the web page.
  • FIG. 4 is a schematic structural diagram of a webpage adaptive layout apparatus according to an embodiment of the present invention.
  • a webpage adaptive layout apparatus includes: a width adjustment module 110, a font adjustment module 120, and a slide module 130.
  • the width adjustment module 110 is configured to adjust the width of the webpage to fit multiple hands.
  • the font adjustment module 120 is configured to modify the font size of the web page to fit the font size of the plurality of mobile phone screens;
  • the sliding module 130 is configured to enable different segments on the web page to slide.
  • the width adjustment module 110 user replaces the width of the web page in units of **px with a predetermined rule of **% or with an automatic width.
  • the font adjustment module 120 is configured to delete "font-size: **px" in the webpage; then calculate the reference size of the webpage and set the reference size in the body; The size of the rest is modified by "font-size: **em”.
  • the sliding module 130 is configured to add a float attribute to different partitions on the web page; then delete the fixed location information.
  • the font adjustment module 120 deletes the fixed font size "font-size: **px" set in the font style in the web page, and then calculates the reference size of the web page by using a statistical method, and then uses this
  • the size is set in the body of the webpage.
  • the font size of other parts is set by setting the font size "font-size: **em".
  • the em unit represents the same size of the base size, and the font size is the relative unit of the base size. size.
  • the sliding module 130 adds a floating float attribute to different modules in the web page in the ess style, and then the block attribute can only blame the information of the fixed position setting, so that each block can be performed according to the page size. Sliding forms a streaming layout.
  • the width of the plurality of mobile terminal screens includes 320px, 320-480px, 480-800px, and 800px or greater.
  • the webpage layout can be automatically adapted to the size of the mobile terminal by the width adjustment module font adjustment module and the sliding module, so that the webpage can automatically adapt to the screen of different mobile devices to change the layout, and the webpage is improved.
  • FIG. 5 is a schematic structural diagram of a webpage adaptive layout apparatus according to another embodiment of the present invention.
  • the webpage adaptive layout apparatus according to the embodiment of the present invention includes: a width adjustment module 110, a font adjustment module 120, a slide module 130, and a loading module 140.
  • the width adjustment module 110 is configured to adjust the width of the webpage to fit the width of the plurality of mobile phone screens;
  • the font adjustment module 120 is configured to modify the font size of the webpage to adapt to the font size of the plurality of mobile screens;
  • the module 130 is configured to enable different partitions on the webpage to be slidable;
  • the loading module 140 is configured to load different ones according to the size of the plurality of mobile terminal screens.
  • the loading module 140 is configured to add a plurality of ess style files to the web.
  • the corresponding loading is performed according to the size of the screen of the mobile terminal.
  • the width adjustment module 110 user replaces the width of the web page in units of **px with a predetermined rule of **% or with an automatic width.
  • the font adjustment module 120 is configured to delete "font-size: **px" in the webpage; then calculate the reference size of the webpage and set the reference size in the body; The size of the rest is modified by "font-size: **em”.
  • the sliding module 130 is configured to add a float attribute to different partitions on the web page; then delete the fixed location information.
  • the width fixed size **px setting in the web page is replaced with **% according to a predetermined rule or directly modified to the automatic width.
  • the font adjustment module 120 deletes the fixed font size "font-size: **px" set in the font style in the web page, and then calculates the reference size of the web page by using a statistical method, and then uses this
  • the size is set in the body of the webpage.
  • the font size of other parts is set by setting the font size "font-size: **em".
  • the em unit represents the same size of the base size, and the font size is the relative unit of the base size. size.
  • the sliding module 130 adds a floating float attribute to different modules in the web page in the ess style, and then the block attribute can only blame the information of the fixed position setting, so that each block can be performed according to the page size. Sliding forms a streaming layout. Then on the web page at When the mobile terminal initializes, the loading module 140 selects and loads different ess style files according to different screen sizes of the mobile terminal, and displays the webpages in different mobile terminals in different style layouts.
  • the width of the plurality of mobile terminal screens includes 320px, 320-480px, 480-800px, and 800px or greater.
  • the loading module changes the layout presentation by loading different CSS style files during page initialization, so that the page can adapt to the screens of different mobile terminals, improving the pageability of the webpage and improving the user's Experience.
  • FIG. 6 is a schematic structural diagram of a webpage adaptive layout apparatus according to another embodiment of the present invention.
  • the webpage adaptive layout apparatus includes: a width adjustment module 110, a font adjustment module 120, a slide module 130, a loading module 140, and a setting module 150.
  • the width adjustment module 110 is configured to adjust the width of the webpage to fit the width of the plurality of mobile phone screens;
  • the font adjustment module 120 is configured to modify the font size of the webpage to adapt to the font size of the plurality of mobile screens;
  • the module 130 is configured to enable different segments on the web page to be slidable;
  • the loading module 140 is configured to load different ess files according to the size of the plurality of mobile terminal screens.
  • the setting module 150 changes the size of the image by setting the max-width property in a different ess file.
  • the loading module 140 is configured to add a plurality of ess style files to the web.
  • the corresponding ess style file is loaded according to the size of the screen of the mobile terminal.
  • the setting module 150 changes the display width of the image by setting the maximum width max-width property of the image in different ess style files.
  • the images display different sizes.
  • the width adjustment module 110 user replaces the width of the web page in units of **px with a predetermined rule of **% or with an automatic width.
  • the font adjustment module 120 is configured to delete "font-size: **px" in the webpage; then calculate the reference size of the webpage and set the reference size in the body; The size of the rest is modified by "font-size: **em”.
  • the sliding module 130 is configured to add a float attribute to different partitions on the web page; then delete the fixed location information.
  • a web page first passes through the width adjustment module 110 on the visible area in the head element.
  • the width fixed size **px setting in the web page is replaced with **% according to a predetermined rule or directly modified to the automatic width.
  • the font adjustment module 120 deletes the fixed font size "font-size: **px" set in the font style in the web page, and then calculates the reference size of the web page by using a statistical method, and then uses this
  • the size is set in the body of the webpage.
  • the font size of other parts is set by setting the font size "font-size: **em".
  • the em unit represents the same size of the base size, and the font size is the relative unit of the base size. size.
  • the sliding module 130 adds a floating float attribute to different modules in the web page in the ess style, and then the block attribute can only blame the information of the fixed position setting, so that each block can be performed according to the page size. Sliding forms a streaming layout. Then, when the webpage is initialized on the mobile terminal, the load module 140 is used to select and load different ess style files according to different screen sizes of the mobile terminal, and the webpages are displayed in different mobile terminals in different style layouts.
  • the width of the plurality of mobile terminal screens includes 320px, 320-480px, 480-800px, and 800px or greater.
  • the setting module 150 loads different ess style files to initialize the size of the image in the page during page initialization, so that the image display can adapt to the screen of different mobile terminals, and the image in the webpage is improved. Browsability and enhance the user experience.

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提出一种网页自适应布局方法及装置，其中方法包括以下步骤：将web网页的宽度调整为适应多个移动终端屏幕的宽度；将web网页的字体大小修改为适应多个移动终端屏幕的字体大小；以及使得web网页上不同的分块可以滑动。根据本发明的网页自适应布局方法，通过设定屏幕宽度与字体大小能够自动适应屏幕，使得网页能够适应于各种移动终端，提高了网页的适用性并增强了用户的体验感。

Description

一种网页自适应布局方法及装置
技术领域
本发明涉及网站页面转码技术领域，特别涉及一种网页自适应布局方法 及装置。
背景技术 现如今， 移动终端越来越普及， 但是现在桌面设备仍占有不少的用户比 例， 因此目前互联网中的大部分网页还是针对桌面设备设计的。 因此需要对 原网页的组织结构及网页的样式进行修改，使网页转换后可以普遍适用于各 种移动终端。
现有的技术主要是通过将一个桌面设备的网页转换成一个适应于移动 设备的固定的网页， 因此至少存在以下问题：
( 1 ) 网页宽度只能适应一种屏幕大小的移动终端， 不能普遍适应；
( 2 ) 网页布局不能够自动调整， 无法根据终端屏幕的改变而进行相应 的动态的改变。
发明内容 本发明旨在至少解决上述技术问题之一。
为此， 本发明的第一个目的在于提出一种网页自适应布局方法。
本发明的第二个目的在于提出一种网页自适应布局装置。
为了实现上述目的，根据本发明的第一方面实施例的网页自适应布局方 法包括以下步骤： 将 web网页的宽度调整为适应多个移动终端屏幕的宽度； 将所述 web网页的字体大小修改为适应所述多个移动终端屏幕的字体大小； 以及使得所述 web网页上不同的分块可以滑动。
根据本发明实施例的网页自适应布局方法， 通过设定屏幕宽度与字体大 小能够自动适应屏幕， 使得网页能够适应于各种移动终端， 提高了网页的适 用性并增强了用户的体验感。
为实现上述目的， 本发明第二方面的实施例的网页自适应布局装置包 括： 宽度调整模块， 所述宽度调整模块用于将 web 网页的宽度调整为适应 多个手机屏幕的宽度； 字体调整模块， 字体调整模块用于将所述 web 网页 的字体大小修改为适应所述多个手机屏幕的字体大小； 以及滑动模块， 所述 滑动模块用于使得所述 web网页上不同的分块可以滑动。
根据本发明实施例的网页自适应布局装置， 通过宽度调整模块字体调整 模块以及滑动模块使网页布局能够自动适应移动终端的大小，提高了网页的 适用性并增强了用户的体验感。
本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的 描述中变得明显， 或通过本发明的实践了解到。
附围说明 本发明上述的和 /或附加的方面和优点从下面结合附图对实施例的描述 中将变得明显和容易理解， 其中：
图 1为根据本发明一个实施例的一种网页自适应布局方法的流程图； 图 2为根据本发明一个实施例的一种网页自适应布局方法的流程图； 图 3为根据本发明一个实施例的一种网页自适应布局方法的流程图； 图 4为根据本发明一个实施例的网页自适应布局装置的结构示意图； 图 5为根据本发明一个实施例的网页自适应布局装置的结构示意图；以 及
图 6为根据本发明一个实施例的网页自适应布局装置的结构示意图。
具体实施方式 下面详细描述本发明的实施例， 所述实施例的示例在附图中示出， 其中 自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能 的元件。 下面通过参考附图描述的实施例是示例性的， 仅用于解释本发明， 而不能解释为对本发明的限制。
参照下面的描述和附图， 将清楚本发明的实施例的这些和其他方面。 在 这些描述和附图中， 具体公开了本发明的实施例中的一些特定实施方式， 来 表示实施本发明的实施例的原理的一些方式， 但是应当理解， 本发明的实施 例的范围不受此限制。相反， 本发明的实施例包括落入所附加权利要求书的 精神和内涵范围内的所有变化、 修改和等同物。 下面参考说明书附图描述根据本发明实施例的网页自适应布局方法。 一种网页自适应布局方法， 包括以下步骤： 将 web 网页的宽度调整为 适应多个移动终端屏幕的宽度； 将 web 网页的字体大小修改为适应多个移 动终端屏幕的字体大小； 以及使得 web网页上不同的分块可以滑动。 。
图 1为本发明一个实施例的网页自适应布局方法的流程图。 步骤 S 101 : 将 web网页的宽度调整为适应多个移动终端屏幕的宽度。 具体地，将 web网页中以 **px为单位的宽度按照预定规则替换成 **%或 替换成自动宽度。
更具体地， 先通过对 head 元素中可视区域的 meta 标签 <meta name=" viewport" content="width=device-width, initial-scale=l " />进行设置, 将 width设定为 device-width, 则将网页的宽度被设置为设备的屏幕宽度， 然后设定 initial-scale=l , 即缩放比例设置为一，使网页初始化能够按照屏幕 的宽度大小初始化， 而不会以放大或是缩小比例的屏幕宽度初始化， 其中 <meta> 元素可提供有关页面的元信息 ( meta- information ) 。
然后将网页中的宽度固定大小 * * p x 设定按照预定的规则替换成 * * %或 者直接修改为自动宽度。
步骤 S102: 将 web 网页的字体大小修改为适应多个移动终端屏幕的字 体大小。
具体地， 首先删除 web网页中 "font-size： **px" ( font-size: 字体大小； px: 像素） ；然后计算 web网页的基准大小并将基准大小设置在 body ( body 是 html的一种标签， body包含文档的所有内容， 例如文本、 超链接、 图像、 表格和列表等）中；最后将 web网页的其余部分的大小通过 "font-size: **em" ( em表示当前的字体尺寸） 进行修改。
更具体地， 将 web网页中的字体样式中设定的固定字体大小 "font-size: **px"给删除， 再通过基于统计的方法将 web网页的基准大小计算出来， 然 后将这个大小设置在网页的正体 body内， 其他部分的字体大小通过设定字 体大小 "font-size: **em "来设定， em单位代表基准大小的同等大小， 则字体 大小为基准大小的相对单位大小。
步骤 S 103 : 使得 web网页上不同的分块可以滑动。
具体地， 首先对 web网页上不同的分块加上 float ( ess的一种， 设置标 签的滑动属性）属性； 然后删除固定位置信息。 更具体地， 通过在 css (层叠样式表： Cascading Style Sheets )样式中给 web页面中不同的模块加上浮动 float属性， 然后再删除分块属性中固定的 位置设定的信息，让各个分块可以按照根据页面大小不同进行滑动形成流式 布局。
在本发明的一个实施例中， 多个移动终端屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等于 800px。
根据本发明实施例的网页自适应布局方法， 通过修改页面宽度和字体大 小为自动适应屏幕大小， 并且页面中的模块会根据页面大小自动滑动， 使得 网页能够自动适应不同移动设备的屏幕而改变布局，提高了网页的可浏览性 且提升了用户的体验感。
图 2为本发明又一个实施例的网页自适应布局方法的流程图。 步骤 S201 : 将 web网页的宽度调整为适应多个移动终端屏幕的宽度。 具体地，将 web网页中以 **px为单位的宽度按照预定规则替换成 **%或 替换成自动宽度。
更具体地， 先通过对 head 元素中可视区域的 meta 标签 <meta name=" viewport" content="width=device-width, initial-scale=l " />进行设置, 将 width设定为 device-width, 则将网页的宽度被设置为设备的屏幕宽度， 然后设定 initial-scale=l , 即缩放比例设置为一，使网页初始化能够按照屏幕 的宽度大小初始化， 而不会以放大或是缩小比例的屏幕宽度初始化。 然后将 网页中的宽度固定大小 **px 设定按照预定的规则替换成 **%或者直接修改 为自动宽度。
步骤 S202: 将 web 网页的字体大小修改为适应多个移动终端屏幕的字 体大小。
具体地， 首先删除 web网页中" font-size: **px";然后计算 web网页的基 准大小并将基准大小设置在 body中； 最后将 web网页的其余部分的大小通 过" font-size: **em，，进行修改。
更具体地， 将 web网页中的字体样式中设定的固定字体大小 "font-size: **px"给删除， 再通过基于统计的方法将 web网页的基准大小计算出来， 然 后将这个大小设置在网页的正体 body内， 其他部分的字体大小通过设定字 体大小 "font-size: **em "来设定， em单位代表基准大小的同等大小， 则字体 大小为基准大小的相对单位大小。 步骤 S203 : 使得 web网页上不同的分块可以滑动。
具体地， 首先对 web网页上不同的分块加上 float属性； 然后删除固定 位置信息。
更具体地， 通过在 ess样式中给 web页面中不同的模块加上浮动 float 属性， 然后再分块属性只能怪删除固定的位置设定的信息， 让各个分块可以 按照根据页面大小不同进行滑动形成流式布局。
步骤 S204: 根据多个移动终端屏幕的大小加载不同的 ess文件。
具体地， 在 web中添加多种 ess样式文件， web页面在移动终端中初始 化时， 根据移动终端屏幕的大小不同而加载相对应的 ess样式文件。
在本发明的一个实施例中， 多个移动终端屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等于 800px。
根据本发明实施例的网页自适应布局方法， 通过在页面初始化时加载不 同 CSS样式文件来改变布局展现， 让页面能够适应不同移动终端的屏幕， 提 高了网页的可浏览性以及提升用户的体验感。
图 3为本发明又一个实施例的网页自适应布局方法的流程图。 步骤 S301 : 将 web网页的宽度调整为适应多个移动终端屏幕的宽度。 具体地，将 web网页中以 **px为单位的宽度按照预定规则替换成 **%或 替换成自动宽度。
更具体地， 先通过对 head 元素中可视区域的 meta 标签 <meta name=" viewport" content="width=device-width, initial-scale=l " />进行设置, 将 width设定为 device-width, 则将网页的宽度被设置为设备的屏幕宽度， 然后设定 initial-scale=l , 即缩放比例设置为一，使网页初始化能够按照屏幕 的宽度大小初始化， 而不会以放大或是缩小比例的屏幕宽度初始化。 然后将 网页中的宽度固定大小 **px 设定按照预定的规则替换成 **%或者直接修改 为自动宽度。
步骤 S302: 将 web 网页的字体大小修改为适应多个移动终端屏幕的字 体大小。
具体地， 首先删除 web网页中" font-size: **px";然后计算 web网页的基 准大小并将基准大小设置在 body中； 最后将 web网页的其余部分的大小通 过" font-size: **em，，进行修改。
更具体地， 将 web网页中的字体样式中设定的固定字体大小 "font-size: **px"给删除， 再通过基于统计的方法将 web网页的基准大小计算出来， 然 后将这个大小设置在网页的正体 body内， 其他部分的字体大小通过设定字 体大小 "font-size: **em "来设定， em单位代表基准大小的同等大小， 则字体 大小为基准大小的相对单位大小。
步骤 S303 : 使得 web网页上不同的分块可以滑动。
具体地， 首先对 web网页上不同的分块加上 float属性； 然后删除固定 位置信息。
更具体地， 通过在 ess样式中给 web页面中不同的模块加上浮动 float 属性， 然后再分块属性只能怪删除固定的位置设定的信息， 让各个分块可以 按照根据页面大小不同进行滑动形成流式布局。
步骤 S304: 根据多个移动终端屏幕的大小加载不同的 ess文件。
具体地， 在 web中添加多种 ess样式文件， web页面在移动终端中初始 化时， 根据移动终端屏幕的大小不同而加载相对应的 ess样式文件。
步骤 S305 : 在不同的 ess文件中设置 max-width (定义元素的最大宽度） 属性以改变图片的大小。
具体地， 通过在不同的 ess样式文件中设置图片的最大宽度 max-width 属性来改变图片的显示宽度， 在加载不同的 ess样式文件时， 图片显示出不 同的大小。
在本发明的一个实施例中， 多个移动终端屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等于 800px。
根据本发明实施例的网页自适应布局方法， 通过在页面初始化时加载不 同 CSS样式文件来页面中图片显示的大小， 让图片显示能够适应不同移动终 端的屏幕， 提高了网页中图片的可浏览性以及提升用户的体验感。
下面参考说明书附图描述根据本发明实施例的网页自适应布局装置。 一种网页自适应布局装置包括： 宽度调整模块， 宽度调整模块用于将 web网页的宽度调整为适应多个手机屏幕的宽度； 字体调整模块， 字体调整 模块用于将 web 网页的字体大小修改为适应多个手机屏幕的字体大小； 以 及滑动模块， 滑动模块用于使得 web网页上不同的分块可以滑动。
图 4为本发明一个实施例的网页自适应布局装置的结构示意图。
如图 4所示， 根据本发明实施例的网页自适应布局装置， 包括： 宽度调 整模块 110、 字体调整模块 120以及滑动模块 130。
具体地， 宽度调整模块 110用于将 web 网页的宽度调整为适应多个手 机屏幕的宽度； 字体调整模块 120用于将 web 网页的字体大小修改为适应 多个手机屏幕的字体大小； 以及滑动模块 130用于使得 web 网页上不同的 分块可以滑动。
在本发明的一个实施例中，宽度调整模块 110用户将 web网页中以 **px 为单位的宽度按照预定规则替换成 **%或替换成自动宽度。
在本发明的一个实施例中， 字体调整模块 120 用于删除 web 网页中 "font-size: **px";然后计算 web 网页的基准大小并将基准大小设置在 body 中； 最后将 web网页的其余部分的大小通过" font-size: **em"进行修改。
在本发明的一个实施例中， 滑动模块 130用于对 web 网页上不同的分 块加上 float属性； 然后删除固定位置信息。
下面结合本发明的实施例举例说明网页自适应布局装置的工作流程。 例如， 一个 web网页先通过宽度调整模块 110对 head元素中可视区域 的 meta 标 签 <meta name="viewport" content="width=device-width, initial-scale=l " />进行设置， 将 width设定为 device- width, 则将网页的宽度 被设置为设备的屏幕宽度， 然后设定 initial-scale=l , 即缩放比例设置为一， 使网页初始化能够按照屏幕的宽度大小初始化，而不会以放大或是缩小比例 的屏幕宽度初始化。 然后将网页中的宽度固定大小 **px 设定按照预定的规 则替换成 **%或者直接修改为自动宽度。 然后通过字体调整模块 120将 web 网页中的字体样式中设定的固定字体大小 "font-size: **px"给删除，再通过基 于统计的方法将 web 网页的基准大小计算出来， 然后将这个大小设置在网 页的正体 body内 ,其他部分的字体大小通过设定字体大小" font-size: **em " 来设定， em单位代表基准大小的同等大小， 则字体大小为基准大小的相对 单位大小。最后通过滑动模块 130在 ess样式中给 web页面中不同的模块加 上浮动 float属性， 然后再分块属性只能怪删除固定的位置设定的信息， 让 各个分块可以按照根据页面大小不同进行滑动形成流式布局。
在本发明的一个实施例中， 多个移动终端屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等于 800px。
根据本发明实施例的网页自适应布局装置， 通过宽度调整模块字体调整 模块以及滑动模块使网页布局能够自动适应移动终端的大小，使得网页能够 自动适应不同移动设备的屏幕而改变布局，提高了网页的可浏览性且提升了 用户的体验感。
图 5为本发明另一个实施例的网页自适应布局装置的结构示意图。 如图 5所示， 根据本发明实施例的网页自适应布局装置， 包括： 宽度调 整模块 110、 字体调整模块 120、 滑动模块 130以及加载模块 140。
具体地， 宽度调整模块 1 10用于将 web 网页的宽度调整为适应多个手 机屏幕的宽度； 字体调整模块 120用于将 web 网页的字体大小修改为适应 多个手机屏幕的字体大小； 以及滑动模块 130用于使得 web 网页上不同的 分块可以滑动；加载模块 140用于根据多个移动终端屏幕的大小加载不同的
CSS文件。
更具体地， 加载模块 140用于在 web中添加多种 ess样式文件， web页 面在移动终端中初始化时， 根据移动终端屏幕的大小不同而加载相对应的
CSS样式文件。
在本发明的一个实施例中，宽度调整模块 110用户将 web网页中以 **px 为单位的宽度按照预定规则替换成 **%或替换成自动宽度。
在本发明的一个实施例中， 字体调整模块 120 用于删除 web 网页中 "font-size: **px";然后计算 web 网页的基准大小并将基准大小设置在 body 中； 最后将 web网页的其余部分的大小通过" font-size: **em"进行修改。
在本发明的一个实施例中， 滑动模块 130用于对 web 网页上不同的分 块加上 float属性； 然后删除固定位置信息。
下面结合本发明的实施例举例说明网页自适应布局装置的工作流程。 例如， 一个 web网页先通过宽度调整模块 110对 head元素中可视区域 的 meta 标 签 <meta name="viewport" content="width=device-width, initial-scale=l " />进行设置， 将 width设定为 device-width, 则将网页的宽度 被设置为设备的屏幕宽度， 然后设定 initial-scale=l , 即缩放比例设置为一， 使网页初始化能够按照屏幕的宽度大小初始化，而不会以放大或是缩小比例 的屏幕宽度初始化。 然后将网页中的宽度固定大小 **px 设定按照预定的规 则替换成 **%或者直接修改为自动宽度。 然后通过字体调整模块 120将 web 网页中的字体样式中设定的固定字体大小 "font-size: **px"给删除，再通过基 于统计的方法将 web 网页的基准大小计算出来， 然后将这个大小设置在网 页的正体 body内 ,其他部分的字体大小通过设定字体大小" font-size: **em " 来设定， em单位代表基准大小的同等大小， 则字体大小为基准大小的相对 单位大小。最后通过滑动模块 130在 ess样式中给 web页面中不同的模块加 上浮动 float属性， 然后再分块属性只能怪删除固定的位置设定的信息， 让 各个分块可以按照根据页面大小不同进行滑动形成流式布局。然后在网页在 移动终端上初始化时，通过加载模块 140来根据移动终端的屏幕大小的不一 样来选择加载不同的 ess样式文件， 将网页以不同的样式布局在不同的移动 终端中展示。
在本发明的一个实施例中， 多个移动终端屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等于 800px。
根据本发明实施例的网页自适应布局装置， 通过加载模块在页面初始化 时加载不同 CSS样式文件来改变布局展现， 让页面能够适应不同移动终端的 屏幕， 提高了网页的可浏览性以及提升用户的体验感。
图 6为本发明另一个实施例的网页自适应布局装置的结构示意图。
如图 6所示， 根据本发明实施例的网页自适应布局装置， 包括： 宽度调 整模块 110、 字体调整模块 120、 滑动模块 130、 加载模块 140 以及设置模 块 150。
具体地， 宽度调整模块 1 10用于将 web 网页的宽度调整为适应多个手 机屏幕的宽度； 字体调整模块 120用于将 web 网页的字体大小修改为适应 多个手机屏幕的字体大小； 以及滑动模块 130用于使得 web 网页上不同的 分块可以滑动；加载模块 140用于根据多个移动终端屏幕的大小加载不同的 ess文件。设置模块 150用与在不同的 ess文件中设置 max-width属性以改变 图片的大小。
更具体地， 加载模块 140用于在 web中添加多种 ess样式文件， web页 面在移动终端中初始化时， 根据移动终端屏幕的大小不同而加载相对应的 ess样式文件。 设置模块 150通过在不同的 ess样式文件中设置图片的最大 宽度 max-width属性来改变图片的显示宽度，在加载不同的 ess样式文件时， 图片显示出不同的大小。
在本发明的一个实施例中，宽度调整模块 110用户将 web网页中以 **px 为单位的宽度按照预定规则替换成 **%或替换成自动宽度。
在本发明的一个实施例中， 字体调整模块 120 用于删除 web 网页中 "font-size: **px";然后计算 web 网页的基准大小并将基准大小设置在 body 中； 最后将 web网页的其余部分的大小通过" font-size: **em"进行修改。
在本发明的一个实施例中， 滑动模块 130用于对 web 网页上不同的分 块加上 float属性； 然后删除固定位置信息。
下面结合本发明的实施例举例说明网页自适应布局装置的工作流程。 例如， 一个 web网页先通过宽度调整模块 110对 head元素中可视区域 的 meta 标 签 <meta name="viewport" content="width=device-width, initial-scale=l " />进行设置， 将 width设定为 device-width, 则将网页的宽度 被设置为设备的屏幕宽度， 然后设定 initial-scale=l , 即缩放比例设置为一， 使网页初始化能够按照屏幕的宽度大小初始化，而不会以放大或是缩小比例 的屏幕宽度初始化。 然后将网页中的宽度固定大小 **px 设定按照预定的规 则替换成 **%或者直接修改为自动宽度。 然后通过字体调整模块 120将 web 网页中的字体样式中设定的固定字体大小 "font-size: **px"给删除，再通过基 于统计的方法将 web 网页的基准大小计算出来， 然后将这个大小设置在网 页的正体 body内 ,其他部分的字体大小通过设定字体大小" font-size: **em " 来设定， em单位代表基准大小的同等大小， 则字体大小为基准大小的相对 单位大小。最后通过滑动模块 130在 ess样式中给 web页面中不同的模块加 上浮动 float属性， 然后再分块属性只能怪删除固定的位置设定的信息， 让 各个分块可以按照根据页面大小不同进行滑动形成流式布局。然后在网页在 移动终端上初始化时，通过加载模块 140来根据移动终端的屏幕大小的不一 样来选择加载不同的 ess样式文件， 将网页以不同的样式布局在不同的移动 终端中展示。
在本发明的一个实施例中， 多个移动终端屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等于 800px。 根据本发明实施例的网页 自适应布局装置，
根据本发明实施例的网页自适应布局方法， 通过设置模块 150在页面初 始化时加载不同 ess样式文件来页面中图片显示的大小， 让图片显示能够适 应不同移动终端的屏幕，提高了网页中图片的可浏览性以及提升用户的体验 感。
在本说明书的描述中，参考术语"一个实施例"、 "一些实施例"、 "示例"、 "具体示例"、 或"一些示例"等的描述意指结合该实施例或示例描述的具体特 征、 结构、 材料或者特点包含于本发明的至少一个实施例或示例中。 在本说 明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且， 描述的具体特征、 结构、材料或者特点可以在任何的一个或多个实施例或示 例中以合适的方式结合。
尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而 言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行 多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同限定。

Claims

权利要求书
1、 一种网页自适应布局方法， 其特征在于， 包括以下步骤：
将 web网页的宽度调整为适应多个移动终端屏幕的宽度；
将所述 web 网页的字体大小修改为适应所述多个移动终端屏幕的字体 大小； 以及
使得所述 web网页上不同的分块可以滑动。
2、 根据权利要求 1所述的方法， 其特征在于， 进一步包括步骤： 根据所述多个移动终端屏幕的大小加载不同的 ess文件。
3、 根据权利要求 1或 2所述的方法， 其特征在于， 进一步包括步骤： 在所述不同的 ess文件中设置 max-width属性以改变图片的大小。
4、 根据权利要求 1至 3中任一项所述的方法， 其特征在于， 所述多个 移动终端屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等 于 800px„
5、 根据权利要求 1至 3中任一项所述的方法， 其特征在于， 使得所述 web网页上不同的分块可以滑动的步骤包括：
对所述 web网页上不同的分块加上 float属性； 以及
删除固定位置信息。
6、 根据权利要求 1至 3中任一项所述的方法， 其特征在于， 将 web网 页的宽度调整为适应多个移动终端屏幕的宽度的步骤包括：
将所述 web 网页中以 **px为单位的宽度按照预定规则替换成 **%或替 换成自动宽度。
7、根据权利要求 1至 3中任一项所述的方法，其特征在于，将所述 web 网页的字体大小修改为适应所述多个手机屏幕的字体大小的步骤包括：
删除所述 web网页中" font-size: **px，，；
计算所述 web网页的基准大小并将所述基准大小设置在 body中； 以及 将所述 web网页的其余部分的大小通过" font-size: **em"进行修改。
8、 一种网页自适应布局装置， 其特征在于， 包括：
宽度调整模块， 所述宽度调整模块用于将 web 网页的宽度调整为适应 多个手机屏幕的宽度；
字体调整模块， 字体调整模块用于将所述 web 网页的字体大小修改为 适应所述多个手机屏幕的字体大小； 以及 滑动模块， 所述滑动模块用于使得所述 web 网页上不同的分块可以滑 动。
9、 根据权利要求 8所述的装置， 其特征在于， 进一步包括：
加载模块，所述加载模块用于根据所述多个移动终端屏幕的大小加载不 同的 ess文件。
10、 根据权利要求 8或 9所述的装置， 其特征在于， 进一步包括： 设置模块， 所述设置模块用于在所述不同的 ess文件中设置 max-width 属性以改变图片的大小。
1 1、 根据权利要求 8至 10中任一项所述的装置， 其特征在于， 所述多 个手机屏幕的宽度包括小于等于 320px, 320-480px, 480-800px, 大于等于 800px。
12、 根据权利要求 8至 10中任一项所述的装置， 其特征在于， 所述滑 动模块用于：
对所述 web网页上不同的分块加上 float属性； 以及
删除固定位置信息。
13、 根据权利要求 8至 10中任一项所述的装置， 其特征在于， 所述宽 度调整模块用于：
将所述 web 网页中以 **px为单位的宽度按照预定规则替换成 **%或替 换成自动宽度。
14、 根据权利要求 8至 10中任一项所述的装置， 其特征在于， 所述字 体调整模块用于：
删除所述 web网页中" font-size: **px，，；
计算所述 web网页的基准大小并将所述基准大小设置在 body中； 以及 将所述 web网页的其余部分的大小通过" font-size: **em"进行修改。
PCT/CN2012/082432 2012-06-29 2012-09-29 一种网页自适应布局方法及装置 WO2014000346A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201210227113.6 2012-06-29
CN201210227113.6A CN103513979A (zh) 2012-06-29 2012-06-29 一种网页自适应布局方法及装置

Publications (1)

Publication Number Publication Date
WO2014000346A1 true WO2014000346A1 (zh) 2014-01-03

Family

ID=49782143

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/082432 WO2014000346A1 (zh) 2012-06-29 2012-09-29 一种网页自适应布局方法及装置

Country Status (2)

Country Link
CN (1) CN103513979A (zh)
WO (1) WO2014000346A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108881961A (zh) * 2017-11-14 2018-11-23 北京视联动力国际信息技术有限公司 一种视联网终端的页面启动方法和装置

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016168968A1 (en) * 2015-04-20 2016-10-27 Guangzhou Ucweb Computer Technology Co., Ltd. Method and device of displaying webpage
CN106557501B (zh) * 2015-09-28 2020-03-17 腾讯科技（深圳）有限公司 一种页面模块的屏幕适配方法和装置
CN106682046B (zh) * 2015-11-11 2020-04-21 北京国双科技有限公司 用于多Tab页的处理方法和装置
CN106959973A (zh) * 2016-01-12 2017-07-18 阿里巴巴集团控股有限公司 一种网页展示方法及系统、用户设备
CN105975576B (zh) * 2016-05-04 2019-12-31 北京京东尚科信息技术有限公司 终端内容适配显示方法、装置和终端
CN106168959B (zh) * 2016-06-29 2019-12-17 合一网络技术(北京)有限公司 网页布局方法及装置
CN110598140A (zh) * 2019-08-15 2019-12-20 西安万像电子科技有限公司 页面调整方法、装置及服务器
CN110837617B (zh) * 2019-10-11 2024-05-07 平安科技（深圳）有限公司 一种网页自适应布局方法、服务器及计算机可读存储介质
CN112182449A (zh) * 2020-09-07 2021-01-05 北京达佳互联信息技术有限公司 页面加载方法、装置、电子设备及存储介质
CN114895993A (zh) * 2022-01-20 2022-08-12 德明通讯（上海）股份有限公司 一种基于显示屏幕智能自适应的设计方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1613105A (zh) * 2002-09-05 2005-05-04 奥帕拉软件公司 在小屏幕终端显示屏上显示超文本标记语言内容
CN101146128A (zh) * 2007-10-30 2008-03-19 杨金钰 允许小屏幕移动终端访问和浏览www网站的方法
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN102436452A (zh) * 2010-09-29 2012-05-02 英业达股份有限公司 动态调整字体大小的网页提供系统及其方法

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2538626A1 (en) * 2003-09-30 2005-04-14 British Telecommunications Public Limited Company Web content adaptation process and system
CN100428331C (zh) * 2005-08-12 2008-10-22 深圳华为通信技术有限公司 移动终端中图像自适应缩放的装置及其方法
CN101996206B (zh) * 2009-08-11 2013-07-03 阿里巴巴集团控股有限公司 一种呈现网页页面的方法、装置及系统
CN102364460B (zh) * 2011-06-28 2016-11-23 广州市动景计算机科技有限公司 基于移动终端的页面自动放大方法和系统
CN102368193B (zh) * 2011-08-26 2017-10-10 百度在线网络技术（北京）有限公司 一种用于提供浏览页面的方法与设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1613105A (zh) * 2002-09-05 2005-05-04 奥帕拉软件公司 在小屏幕终端显示屏上显示超文本标记语言内容
CN101146128A (zh) * 2007-10-30 2008-03-19 杨金钰 允许小屏幕移动终端访问和浏览www网站的方法
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN102436452A (zh) * 2010-09-29 2012-05-02 英业达股份有限公司 动态调整字体大小的网页提供系统及其方法

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108881961A (zh) * 2017-11-14 2018-11-23 北京视联动力国际信息技术有限公司 一种视联网终端的页面启动方法和装置

Also Published As

Publication number Publication date
CN103513979A (zh) 2014-01-15

Similar Documents

Publication Publication Date Title
WO2014000346A1 (zh) 一种网页自适应布局方法及装置
EP1914640B1 (en) Multiple screen size render-engine
JP4529020B1 (ja) 情報表示装置
US9378188B2 (en) Method and device for dynamically wrapping text when displaying a selected region of an electronic document
US8539333B2 (en) Technique for changing the display of web pages as time passes
US9516156B2 (en) Apparatus and method for providing bookmark service in communication terminal
CN102364460B (zh) 基于移动终端的页面自动放大方法和系统
WO2012159563A1 (zh) 基于移动终端的网页排版方法和装置
WO2011079793A1 (zh) 一种展现网页中页面元素的方法及系统
WO2013097638A1 (zh) 网页重排方法、网页重排装置以及移动终端
US20140215308A1 (en) Web Page Reflowed Text
WO2013159721A1 (zh) 一种移动浏览器网页分段加载方法及系统
KR20140012664A (ko) 웹페이지 재배치 방법
WO2011140762A1 (zh) 微件窗口调整的方法及装置
US20150088669A1 (en) Apparatus and method for providing responsive user interface and electronic device-readable recording medium therefor
JP2008257555A (ja) 画像表示システム
TWI409694B (zh) 資訊顯示裝置
TWI530868B (zh) 網頁服務系統、網頁伺服器及網頁提供方法
CN103678317A (zh) 网页布局的自动适配方法与系统
JP5303534B2 (ja) 体裁情報処理装置及び方法
JP6513337B2 (ja) 電子書籍表示処理プログラム及び電子書籍システム
KR20130070599A (ko) 고화질의 올-스크린 호환성 인터넷 컨텐츠를 위한 소위 hd-웹 방법
JP2011242987A (ja) ドキュメント画像配信装置及びドキュメント画像配信方法並びにドキュメント閲覧システム
CN104123287A (zh) 文档数据下载装置、终端和文档数据下载方法
JP6598600B2 (ja) 文書生成システム、文書サーバ、端末装置、文書生成方法、およびコンピュータプログラム

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12880063

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12880063

Country of ref document: EP

Kind code of ref document: A1