[發明專利]一種彈性響應式網頁數據設定方法在審
| 申請號: | 201811274653.3 | 申請日: | 2018-10-30 |
| 公開(公告)號: | CN109471628A | 公開(公告)日: | 2019-03-15 |
| 發明(設計)人: | 程國艮;郝雁華 | 申請(專利權)人: | 中譯語通科技股份有限公司 |
| 主分類號: | G06F8/38 | 分類號: | G06F8/38;G06F16/958 |
| 代理公司: | 北京中譽威圣知識產權代理有限公司 11279 | 代理人: | 蔣常雪 |
| 地址: | 100040 北京市石*** | 國省代碼: | 北京;11 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 彈性響應 網頁數據 視口 文本 大分辨率 單位取代 可伸縮的 媒體查詢 網頁設計 網頁元素 自動顯示 最大可能 常規的 彈性盒 響應式 多列 替換 單列 屏幕 拓展 維護 | ||
1.一種彈性響應式網頁數據設定方法,其特征在于:所述方法能夠實現彈性可伸縮的布局,具體包括如下內容:
1)、使用百分比長度或者視口相關的單位來取代固定長度;
2)、為了在較大分辨率下得到固定寬度,使用 max-width取代 width;
3)、為替換元素設置一個 max-width,值為 100%;
4)、設置background-size: cover 屬性,以便使背景圖片能夠完整地鋪滿一個容器,而不管容器的尺寸如何變化;
5)、當網頁元素以行列式進行布局時,讓視口的寬度來決定列的數量;
6)、在使用多列文本時,指定列寬的值,以在較小的屏幕上自動顯示為單列布局。
2.根據權利要求1所述的一種彈性響應式網頁數據設定方法,其特征在于:所述視口相關的單位包括vw、vh、vmin 和 vmax。
3.根據權利要求1所述的一種彈性響應式網頁數據設定方法,其特征在于:所述替換元素包括 img、object、video、iframe。
4.根據權利要求1所述的一種彈性響應式網頁數據設定方法,其特征在于:所述步驟5)中,采用彈性盒布局或者display: inline-block 加上常規的文本折行行為來實現以視口的寬度決定列的數量。
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于中譯語通科技股份有限公司,未經中譯語通科技股份有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作,請聯系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/201811274653.3/1.html,轉載請聲明來源鉆瓜專利網。





