下面讲讲网站适配手机端的3种方式

1. PC端的设计与手机端相差不大，利用 @media媒体查询 调整百分比

2. PC端与手机端的设计分离，利用判断设备的方式做301跳转

3. 跨屏网一句话JS，网站快速移动化。

下面就结合源代码讲一讲如何实际实现这三种方案：

第一步：在html代码中添加如下代码
<meta charset=”utf-8″ />
<meta content=”width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0″ name=”viewport”>
<meta content=”yes” name=”apple-mobile-web-app-capable”>
<meta content=”yes” name=”apple-touch-fullscreen”>
<meta content=”black” name=”apple-mobile-web-app-status-bar-style”>
<meta content=”320″ name=”MobileOptimized”>

第二步：

方案一：设置PC端内容区域width:1100px，添加如下代码：
.container{ width:1100px; max-width:100%; }
.container img{ max-width:100%; }

@media only screen and (max-width: 480px) {
//此适配不同手机型号下文字，图片的大小
}

@media only screen and (max-width: 375px) {

//此适配不同手机型号下文字，图片的大小
}

..//可继续

方案二：在PC端公共Header中，添加如下JS
<script type=”text/javascript”>
if (window.location.toString().indexOf(‘pref=padindex’) != -1) { } else {
if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
if (window.location.href.indexOf(“?mobile”) < 0) {
try {
if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href = “手机端链接”;
} else if (/iPad/i.test(navigator.userAgent)) {
} else {
}
} catch (e) {
}
}
}
}
</script>

方案三：跨屏网Kuaping.com 一句话JS引用，网站快速移动化

这是一个对于网站主来说是一个非常傻瓜的操作，只需要在网站添加一句js代码，就和在网站添加代码统计一样简单，网站即刻移动化，而且不影响网站原有seo效果（因为搜索引擎不识别js内容），反而在手机下的优化效果有提高，因为手机访问的体验变好了。

看到这里了，顺便了解下 跨屏互联 建站Saas系统吧

注册地址：http://kuaping.com/business/register.php

市面上已经有不少自建站Saas系统了，为什么还要做跨屏Saas建站系统？这是一个外行不清楚，内行心知肚明的事情，市面上建站系统大多是拖拽式生成，这种做出来的网站代码很乱，对于seo很不好友。从事建站十多年，我见到太多了。

坚守品质，始终采用更利于seo的手写代码开发

我希望打破这个常规，跨屏互联7年自主开发的Saas建站系统，是一个费时费力的事情，我们所有模板都是手写代码开发，虽说是自助建站，但是和定制是一模一样的流程，所以出来的品质也是一模一样。而是自适应终端适配效果非常好。

对其wordpress，好过wordpress

我们是Wordpress十几年的使用者，对于wordpress我们非常熟悉，也非常喜欢，所以开发跨屏Saas建站系统的时候，汲取了来自wordpress的体验和思路。如果你也喜欢wordpress，跨屏互联的Saas建站后台你会感到熟悉。相比于wordpress，它的优势是无需购买服务器部署源码，注册账号就可以拥有前台后台，可以选择模板。

有软著 无风险，和钓鱼CMS建站系统彻底说拜拜

我们申请了软著-计算机软件著作权登记号：2017SR675691，相比于市面上有钓鱼的CMS建站系统，先免费等你下载使用，然后在起诉，选择跨屏互联SAAS建站系统，也省去了侵权风险。

我们的价格幅度从680~4980不等，不同模板不同价格，按工作量定价，让所有人都可以做得起网站，做放心的网站，做优质的网站，做价格透明的网站。