天天看點

css+ vw&rem 自适應布局

前提是布局視口等于視覺視口

對于750px

100vw = 750px

1px = 100vw/750

100px= 10000vw/750

=100vw/7.5

html:font-size->1rem->100vw/7.5=100px

在750尺寸下布局完成,在其他尺寸自适應

舉例子

在375 比如 ipone6

按道理rem應該等于50px 就可以等比縮放

看看這個式子在375下是否是50px

100vw/7.5=375px/7.5=50px

最後是這個樣子

html{
	          font-size: calc(100vw /7.5) ;
			}
           

繼續閱讀