[發明專利]頁面適配方法、電子設備、計算機可讀存儲介質

在審

• 申請號: 202010789569.6
• 申請日: 2020-08-07
• 公開（公告）號: CN111984351A
• 公開（公告）日: 2020-11-24
• 發明（設計）人: 馮慧君;張淵;程哲欣;董益洲;趙文濤
• 申請（專利權）人: 中移（杭州）信息技術有限公司;中國移動通信集團有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 上海晨皓知識產權代理事務所(普通合伙) 31260
• 代理人: 成麗杰

本發明實施例涉及計算機技術領域，公開了一種頁面適配方法、電子設備、計算機可讀存儲介質。上述頁面適配方法包括：獲取終端的屏幕尺寸；根據所述屏幕尺寸確定與待顯示頁面適配的適配尺寸；其中，所述待顯示頁面為在所述終端的屏幕上待顯示的頁面；根據所述適配尺寸，確定所述待顯示頁面的根元素的字體大小；根據所述根元素的字體大小，顯示所述待顯示的頁面。本發明實施例提供的方案可以兼容不同屏幕尺寸的終端，避免重復開發，減少資源的投入，提高工作效率。

技術領域

本發明實施例涉及計算機技術領域，特別涉及一種頁面適配方法、電子設備、計算機可讀存儲介質。

背景技術

隨著公眾對手機等移動設備外觀需求的提高，市面上發行的不同系統、不同設備終端的屏幕多種多樣，屏幕的大小也各有不同。為了用戶能夠正常地打開需要瀏覽的頁面，需要超級文本標記語言((Hyper Text Mark-up Language，簡稱：HTML)頁面對各種設備屏幕進行適配。目前的適配方案包括基于媒體查詢更改頁面布局的技術、基于rem的Flexible技術。

發明人發現現有技術中至少存在如下問題：由于開發人員基于的設計稿尺寸不同，當用戶設備需要打開一個以非本設備尺寸為基礎設計稿的頁面時，無論是基于媒體查詢更改頁面布局的技術，還是基于rem的Flexible技術，在對大屏幕設備進行頁面適配時，都需要重新編寫開發程序來配置適配系統，現有的適配系統不能友好地兼容不同屏幕尺寸的設備。這些方式沒有統一的規則、規范，特別是基于媒體查詢更改頁面布局的技術，程序開發冗余且復雜，存在重復開發的現象，需反復投入資源，降低工作效率。

發明內容

本發明的實施方式的目的在于提供一種頁面適配方法、電子設備、計算機可讀存儲介質，可以兼容不同屏幕尺寸的終端，避免重復開發，減少了資源的投入，提高開發人員的工作效率。

為解決上述技術問題，本發明的實施方式提供了一種頁面適配的方法，包括以下步驟：獲取終端的屏幕尺寸；根據所述屏幕尺寸確定與待顯示頁面適配的適配尺寸；其中，所述待顯示頁面為在所述終端的屏幕上待顯示的頁面；根據所述適配尺寸，確定所述待顯示頁面的根元素的字體大小；根據所述根元素的字體大小，顯示所述待顯示的頁面。

本發明的實施方式還提供了一種電子設備，包括：至少一個處理器；以及，與所述至少一個處理器通信連接的存儲器；其中，所述存儲器存儲有可被所述至少一個處理器執行的指令，所述指令被所述至少一個處理器執行，以使所述至少一個處理器能夠執行上述頁面適配的方法。

本發明的實施方式還提供了一種計算機可讀存儲介質，存儲有計算機程序，所述計算機程序被處理器執行時實現上述頁面適配的實現方法。