簡單粗暴的移動端頁面開發(fā)技能

jeffrey_up 發(fā)布于2019-08-30 13:13 / 3232人閱讀

摘要：移動端響應式頁面開發(fā)說簡單也簡單，根據(jù)屏幕尺寸調節(jié)根字體大小。大寬度用，高度和小寬度全部使用，簡單粗暴。之前閱讀過大漠老師的使用實現(xiàn)手淘頁面的終端適配介紹了手淘項目的制作規(guī)范。

移動端響應式頁面開發(fā)說簡單也簡單，根據(jù)屏幕尺寸調節(jié)根字體大小。

大寬度用%，高度和小寬度全部使用rem，簡單粗暴。

之前閱讀過大漠老師的使用Flexible實現(xiàn)手淘H5頁面的終端適配,介紹了手淘項目的H5制作規(guī)范。

前端步驟

設置根字體大小:

html:{font-size:100px}

js調節(jié) 1rem 對應的px大小

$(document).ready(function() {
    // put all your jQuery goodness in here.
    function adjust(){
      // 設計稿寬度是960px
      var scale = $("body").width() / 960;
      $("html").css("font-size", 100 * scale + "px");
    }
    // 進入、刷新頁面時執(zhí)行函數(shù)，調整根字體
    adjust();
    //視口大小調整時執(zhí)行函數(shù)，調整根字體
    // 目測游戲內(nèi)置頁面用不到，用戶不會產(chǎn)生resize事件
    $(window).resize(function(){
      adjust();
    });
});

云服務器 GPU云服務器移動端頁面移動端頁面顯示移動端html頁面移動端開發(fā)

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115396.html

簡單粗暴的移動端頁面開發(fā)技能

摘要：移動端響應式頁面開發(fā)說簡單也簡單，根據(jù)屏幕尺寸調節(jié)根字體大小。大寬度用，高度和小寬度全部使用，簡單粗暴。之前閱讀過大漠老師的使用實現(xiàn)手淘頁面的終端適配介紹了手淘項目的制作規(guī)范。移動端響應式頁面開發(fā)說簡單也簡單，根據(jù)屏幕尺寸調節(jié)根字體大小。大寬度用%，高度和小寬度全部使用rem，簡單粗暴。之前閱讀過大漠老師的使用Flexible實現(xiàn)手淘H5頁面的終端適配,介紹了手淘項目的H5制作規(guī)...

Gilbertat 2019-08-22 10:48 評論0 收藏0
個人分享--web前端學習資源分享

摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了一般來說，差不多到了轉正的時候，會進行總結或者分享會議那么今天我就把看過的一些學習資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了！一般來說，差不多到了轉正的時候，會進行總結或者分享會議！那么今天我就...

sherlock221 2019-08-20 18:59 評論0 收藏0
軟件測試工程師的技能樹

摘要：軟件測試工程師是一個歷史很悠久的職位，可以說從有軟件開發(fā)這個行業(yè)以來，就開始有了軟件測試工程師的角色。很多測試工程師基本上不具備代碼的能力，更多是測試的執(zhí)行者。軟件測試工程師是一個歷史很悠久的職位，可以說從有軟件開發(fā)這個行業(yè)以來，就開始有了軟件測試工程師的角色。隨著時代的發(fā)展，軟件測試工程師的角色和職責也在悄然發(fā)生著變化，從一開始單純的在瀑布式開發(fā)流程中擔任測試階段的執(zhí)行者，到敏捷開...

tinysun1234 2019-05-29 17:10 評論0 收藏0