你好,可以使用背景图片,比如把img作为body的背景图,然后设置body的样式
background: #226039 url(../images/bg.jpg) center no-repeat就可以使图片100%显示,且不会拉伸,具体参数你可以查background的具体属性
希望可以帮助到你
1.首先说一下你写的这段代码,这段代码是有效的,代表整个页面默认字体大小为16*2,16px字体大小是初始化时网页默认的大小,你的是200%,当然也是按照2倍计算的。2.你说的html的父元素,这个可能有点问题,你想知道的应该是根元素document.documentElement的字体大小是多少对吧,我不说是多说,你自己运行一下就会一目了然window.getComputedStyle(document.documentElement,null)['fontSize']
3.字体的规定可以用百分数,px,em,rem或者其他的单位,看你想做什么样的页面了,固定尺寸的就用px就够了,但是如果要做响应式rem常用一些,兼容低版本自然会有相应的办法,如sass中的计算方式,或者通过js来改变根元素的大小。em相对于父元素来决定,而rem是根据html的字体大小来决定的。
最后,你可以多动手写一下,这样不但加深印象,也会认识的更深刻,多去一些css,前端网站看看