css自适应页面的的单位处理

  在进行自适应网站制作的时候,处理电脑端还好一些,将内容几种到制定的宽度区域即可,在大多数电脑和浏览器都能正产显示。但是手机端就有些麻烦了,手机屏幕的宽度各不相同。如何去适应这些手极端的页面显示。

  在手机端的页面显示中,我们排版一般采用的宽度、高度可以使用百分比个格式来表示,但是在不同的手机上,还是有所差异。后来考虑是不是使用vw和vh来做单位,尽管这两种单位的表示方式很少使用。但是却可以使用多数的手机屏幕。1vw=1/100  手机屏幕宽度,1vh=1/100手机屏幕高度,使用这两个单位之后,就不用再去考虑着些屏幕的有大有小的问题了。我在制作 “圆柱模板-建筑模板支模网”的时候采用这中方式,效果还是不错的在手机上显示也比较正常,到目前为止还是没有发现显示变形的情况。

猜你喜欢

转载自www.cnblogs.com/ghostlover/p/10164592.html