怎样写CSS能让电脑版的网页在手机上展示的时候字体不变小

html-css032

怎样写CSS能让电脑版的网页在手机上展示的时候字体不变小,第1张

使用rem,rem是CSS3新增的一个相对单位（root em，根em）。

字体大小是根据根元素而变动的，那么在手机上字体大小也会做相应变化。

(function (doc, win) {

var docEl = doc.documentElement,

resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

recalc = function () {

var clientWidth = docEl.clientWidth

if (!clientWidth) return

docEl.style.fontSize = 20 * (clientWidth / 320) + 'px'

}

if (!doc.addEventListener) return

win.addEventListener(resizeEvt, recalc, false)

doc.addEventListener('DOMContentLoaded', recalc, false)

})(document, window)

控制字体位置可以用padding

margin

text-indent

单位可以是px

em

%

(em是根据你设置的字体大小设定的，假如你设置字体为12px，那么2em就是24px。

%是根据父容器的宽度或高度决定的。

margin-left:automargin-right:auto（左右自动对齐）。position:absolute（绝对定位）