最近做了一个网站，在初期的时候跟客户沟通要不要兼容手机站。客户说暂时不用，本来如果直接写前端代码也能很快，但是为了考虑后期突然又要做手机站，就用了html5前端框架。我一般用框架都在站长之家的bootstrap前端框架。其他网站大部分的前端框架，也是在此基础上做了改变，但是出现的问题也是蛮多的，要么兼容性不太好，要么就是需要币才能下载。前端框架和客户出来的设计稿还是不一样的，近乎面目全非的重构。但是我们只是需要他最特殊的几个点。一：栅格布局。栅格参数“col-xs-*”，“col-md-*”，“.col-lg-*”。我们把一列当着12个格子。您需要的列乘以“col-xs-*”中*号等于12。二：媒体查询。mediascreenand(max-width:px){.class{}}手机站常用的几种尺寸宽度分别为:px(iphone6plues，iphone7plues，iphone8plues),px(iphone6，iphone7，iphone8，iphonex,)px(三星系列)px(iphone5)三：标题标签html中从h1到h6均可使用四：表格常用的一般就是这几个。后来客户真的提出需求，给了设计稿，要做手机站，跟当时用框架做出来的兼容手机站的页面，区别非常大。做后台的那个人说，你尽量结合在一个页面里。这样子我就不用重新再写一套程序。我就考虑用到第二点，我们所说的媒体查询。新建一个css样式表，上部分写pc上展示，手机上需要隐藏display:none;下部分写手机需要显示的代码，display:block;然后手机站需要一个头部的折叠菜单。只看到这个菜单，我便想到了用mui框架来实现这个效果。后来我引入了mui框架的css和js。成功的完成了左侧弹出菜单导航.bootstrap框架一直是我比较推荐的前端框架，因为它还封装了很多可用的交互效果。手机站，比较推荐mui,amazeui.时间插件便是mobiscroll。快速的做出自适应网站，还需要各种技术的融合。当然，我讲的是前端最基本的，要做好前端开发，这个是基础。
转载请注明：http://www.aierlanlan.com/grrz/10021.html
