响应式H5网站建设与手机PC端两套网站哪个好？
如何去除掉betheme主题顶端菜单右边的buynow按钮
2020年12月17日
工作室网站建设与公司网站建设哪个靠谱？
2020年12月21日
为了适应手机端，移动端与电脑端多端浏览，网站设计的时候其实有2套方案，其实无论是哪一种方案，都是经过许多种实验与改进而来，铬元素工作室可以跟大家聊一聊网站设计移动端的发展史，这样让读者可以清晰的认识到，网站设计这个行业近几年在智能手机兴起的大趋势下是如何进步的。
2015年，有2件大事彻底改变了国人生活，对未来几年中国的商业模式产生了翻天覆地的影响，他们分别是“移动4g网络费用提速降费”与“小米智能手机开始占据市场主导”。没错，自此，移动互联网时代才正式开始走入普通人的生活，让老百姓也能买得起智能手机，上得了网了。
紧接着，微信大行其道，百度，腾讯等公司纷纷开始布局移动互联网市场，当时就有大佬预测，今后80%的流量来自于手机端，如今看来，大佬就是大佬，想必许多人家里的电脑都成摆设了吧。而网站这个承接着互联网信息发展的基本单位，也开始飞速转变，由pc端开始走向移动端。
那个时候，有2个问题需要解决：移动端页面展示与数据同步（其实就是目前制作手机网站需要注意的两个重点）。
于是，最简单的解决方案出来了，省时省力，那就是针对手机端单独设计一套风格模版的静态页面，把主要页面设计出来即可（首页，产品页，新闻页等等），这样当客户使用手机打开网站，就给他展示这套适配手机端的静态页面。这在当时捕获了不少客户，于是就有了”制作网站送手机站”这个噱头。
但这只是解决了一个方面的问题，对于一般的小型企业网站似乎并不受影响，但对于长期提供信息为主的网站，问题就大了，这该怎么办呢？后来随着js脚本的出现，就有了完美的解决方案：使用js脚本做判断，如果是手机端访问的呢，就提供手机的模版，反之就提供电脑的模版：
$agent = check_wap(); if( $agent ){ header('Location: http://www.nowamagic.net'); exit;}// check if wapfunction check_wap(){ // 先检查是否为wap代理，准确度高 if(stristr($_SERVER['HTTP_VIA'],"wap")){ return true; } // 检查浏览器是否接受 WML. elseif(strpos(strtoupper($_SERVER['HTTP_ACCEPT']),"VND.WAP.WML") > 0){ return true; } //检查USER_AGENT elseif(preg_match('/(blackberry|configuration\/cldc|hp |hp-|htc |htc_|htc-|iemobile|kindle|midp|mmp|motorola|mobile|nokia|opera mini|opera |Googlebot-Mobile|YahooSeeker\/M1A1-R2D2|android|iphone|ipod|mobi|palm|palmos|pocket|portalmmm|ppc;|smartphone|sonyericsson|sqh|spv|symbian|treo|up.browser|up.link|vodafone|windows ce|xda |xda_)/i', $_SERVER['HTTP_USER_AGENT'])){ return true; } else{ return false; }}
完美，这不仅解决了手机端网站访问完美的问题，还解决了数据同步的问题，至此，一套解决移动端适配的问题基本圆满。可是技术是需要不断进步的，这种适配也随着css3+html5的发布又有所提高，那就是响应式H5技术了，这种技术不仅完美的解决了双端问题，并且还可以适配平板电脑。
既然h5可以代替移动端模版，那是不是咱们制作网站，以后就使用响应式就好了呢，不需要制作移动端了？其实，移动端与响应式设计各有特点，单从手机适配来看，移动端其实更有优势，因为移动端是专门为手机设计的，考虑到手机版面，承载功能，受众方便程度等等因素，会更贴合客户浏览习惯，而响应式合计呢，由于是自动适配，需要同时兼顾手机电脑双端，会在制作过程中牺牲一些设定，而且多数响应式使用bootstrap框架，会有审美疲劳，另外，响应式网站需要精通使用bootstrap，成本相比一般网站要高一些，不过有点在于视觉冲击效果好，如何取舍，还的看具体的网站设计类型了。
