資訊專欄INFORMATION COLUMN
摘要：移動(dòng)端響應(yīng)式頁面開發(fā)說簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。大寬度用，高度和小寬度全部使用，簡(jiǎn)單粗暴。之前閱讀過大漠老師的使用實(shí)現(xiàn)手淘頁面的終端適配介紹了手淘項(xiàng)目的制作規(guī)范。
移動(dòng)端響應(yīng)式頁面開發(fā)說簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。
大寬度用%，高度和小寬度全部使用rem，簡(jiǎn)單粗暴。
之前閱讀過大漠老師的使用Flexible實(shí)現(xiàn)手淘H5頁面的終端適配,介紹了手淘項(xiàng)目的H5制作規(guī)范。
前端步驟
設(shè)置根字體大小:
html:{font-size:100px}
js調(diào)節(jié) 1rem 對(duì)應(yīng)的px大小
$(document).ready(function() {
// put all your jQuery goodness in here.
function adjust(){
// 設(shè)計(jì)稿寬度是960px
var scale = $("body").width() / 960;
$("html").css("font-size", 100 * scale + "px");
}
// 進(jìn)入、刷新頁面時(shí)執(zhí)行函數(shù)，調(diào)整根字體
adjust();
//視口大小調(diào)整時(shí)執(zhí)行函數(shù)，調(diào)整根字體
// 目測(cè)游戲內(nèi)置頁面用不到，用戶不會(huì)產(chǎn)生resize事件
$(window).resize(function(){
adjust();
});
});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/91298.html
摘要：移動(dòng)端響應(yīng)式頁面開發(fā)說簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。大寬度用，高度和小寬度全部使用，簡(jiǎn)單粗暴。之前閱讀過大漠老師的使用實(shí)現(xiàn)手淘頁面的終端適配介紹了手淘項(xiàng)目的制作規(guī)范。 移動(dòng)端響應(yīng)式頁面開發(fā)說簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。 大寬度用%，高度和小寬度全部使用rem，簡(jiǎn)單粗暴。 之前閱讀過大漠老師的使用Flexible實(shí)現(xiàn)手淘H5頁面的終端適配,介紹了手淘項(xiàng)目的H5制作規(guī)...
摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議！那么今天我就...
摘要：軟件測(cè)試工程師是一個(gè)歷史很悠久的職位，可以說從有軟件開發(fā)這個(gè)行業(yè)以來，就開始有了軟件測(cè)試工程師的角色。很多測(cè)試工程師基本上不具備代碼的能力，更多是測(cè)試的執(zhí)行者。 軟件測(cè)試工程師是一個(gè)歷史很悠久的職位，可以說從有軟件開發(fā)這個(gè)行業(yè)以來，就開始有了軟件測(cè)試工程師的角色。隨著時(shí)代的發(fā)展，軟件測(cè)試工程師的角色和職責(zé)也在悄然發(fā)生著變化，從一開始單純的在瀑布式開發(fā)流程中擔(dān)任測(cè)試階段的執(zhí)行者，到敏捷開...
閱讀 3155·2021-11-22 12:01
閱讀 3775·2021-08-30 09:46
閱讀 789·2019-08-30 13:48
閱讀 3219·2019-08-29 16:43
閱讀 1667·2019-08-29 16:33
閱讀 1855·2019-08-29 13:44
閱讀 1420·2019-08-26 13:45
閱讀 2237·2019-08-26 11:44
