如何建立一个响应式网站
发布时间:2019-04-02来源:admin
说到响应式网站,有建立网站经验的人都知道,就是建立一个可以同时在移动端和PC端上运行的网站。那么应该怎样建立一个响应式网站呢?<br />
其实建立一个响应式网站也是很简单的,就是要先建立一个PC端的网站,然后再在PC端的基础上写一套移动端的CSS样式。这个移动端的CSS样式中却有很多注意的因素。下面我们就来看看吧。<br />
在我们做移动端的样式之前,需要将HTML中的媒体适配更改一下,改好之后当网页在移动端运行的时候才不会出现左右滑动的情况。<br />
因为不同移动端的屏幕都比较小,所以移动端的样式都必须设定在一个最大像素的范围内执行,这样就不会出现在PC端两套样式同时起作用的情况了。一般情况下我们都将这个像素设定在640px为一个分界线。设好之后我们就快可以开始下一步操作了!!<br />
在写移动端的样式的时候肯定要对照之前写好的移动端的网站来进行,我们要对这些样式做逐一的添加和检查。因为不同移动端的屏幕尺寸都是不一样的,一般情况下我们都将宽度用百分比来表示,在其他框架或者平台都有自己的单位比如:rpx,vh,vw等!<br />
最后我们在写完移动端的样式之后,就可以对整体进行一个微调,使得网站更加的美观。在调完手机端之后一定还要对PC端进行检查,看有没有在移动端新添加的组件在移动端没有隐藏掉而导致PC端混乱的情况。<br />
最后祝贺大家能动手做一个比较好的响应式网站!<br />