資訊專(zhuān)欄INFORMATION COLUMN
摘要：移動(dòng)端響應(yīng)式頁(yè)面開(kāi)發(fā)說(shuō)簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。大寬度用，高度和小寬度全部使用，簡(jiǎn)單粗暴。之前閱讀過(guò)大漠老師的使用實(shí)現(xiàn)手淘頁(yè)面的終端適配介紹了手淘項(xiàng)目的制作規(guī)范。
移動(dòng)端響應(yīng)式頁(yè)面開(kāi)發(fā)說(shuō)簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。
大寬度用%，高度和小寬度全部使用rem，簡(jiǎn)單粗暴。
之前閱讀過(guò)大漠老師的使用Flexible實(shí)現(xiàn)手淘H5頁(yè)面的終端適配,介紹了手淘項(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)入、刷新頁(yè)面時(shí)執(zhí)行函數(shù)，調(diào)整根字體
adjust();
//視口大小調(diào)整時(shí)執(zhí)行函數(shù)，調(diào)整根字體
// 目測(cè)游戲內(nèi)置頁(yè)面用不到，用戶(hù)不會(huì)產(chǎn)生resize事件
$(window).resize(function(){
adjust();
});
});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115396.html
摘要：移動(dòng)端響應(yīng)式頁(yè)面開(kāi)發(fā)說(shuō)簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。大寬度用，高度和小寬度全部使用，簡(jiǎn)單粗暴。之前閱讀過(guò)大漠老師的使用實(shí)現(xiàn)手淘頁(yè)面的終端適配介紹了手淘項(xiàng)目的制作規(guī)范。 移動(dòng)端響應(yīng)式頁(yè)面開(kāi)發(fā)說(shuō)簡(jiǎn)單也簡(jiǎn)單，根據(jù)屏幕尺寸調(diào)節(jié)根字體大小。 大寬度用%，高度和小寬度全部使用rem，簡(jiǎn)單粗暴。 之前閱讀過(guò)大漠老師的使用Flexible實(shí)現(xiàn)手淘H5頁(yè)面的終端適配,介紹了手淘項(xiàng)目的H5制作規(guī)...
摘要：前言月份開(kāi)始出沒(méi)社區(qū)，現(xiàn)在差不多月了，按照工作的說(shuō)法，就是差不多過(guò)了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來(lái)說(shuō)，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議那么今天我就把看過(guò)的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開(kāi)始出沒(méi)社區(qū)，現(xiàn)在差不多9月了，按照工作的說(shuō)法，就是差不多過(guò)了三個(gè)月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來(lái)說(shuō)，差不多到了轉(zhuǎn)正的時(shí)候，會(huì)進(jìn)行總結(jié)或者分享會(huì)議！那么今天我就...
摘要：軟件測(cè)試工程師是一個(gè)歷史很悠久的職位，可以說(shuō)從有軟件開(kāi)發(fā)這個(gè)行業(yè)以來(lái)，就開(kāi)始有了軟件測(cè)試工程師的角色。很多測(cè)試工程師基本上不具備代碼的能力，更多是測(cè)試的執(zhí)行者。 軟件測(cè)試工程師是一個(gè)歷史很悠久的職位，可以說(shuō)從有軟件開(kāi)發(fā)這個(gè)行業(yè)以來(lái)，就開(kāi)始有了軟件測(cè)試工程師的角色。隨著時(shí)代的發(fā)展，軟件測(cè)試工程師的角色和職責(zé)也在悄然發(fā)生著變化，從一開(kāi)始單純的在瀑布式開(kāi)發(fā)流程中擔(dān)任測(cè)試階段的執(zhí)行者，到敏捷開(kāi)...
閱讀 1321·2023-04-26 03:05
閱讀 778·2021-10-19 11:43
閱讀 3227·2021-09-26 09:55
閱讀 835·2019-08-30 15:56
閱讀 991·2019-08-30 15:44
閱讀 1246·2019-08-30 15:44
閱讀 2726·2019-08-30 14:23
閱讀 3245·2019-08-30 13:13
