1. pc 网站有了，怎么做手机适应的网站
一、PC网站自动适配手机网页的7个步骤
一般来说，移动适配主要通过底层的web技术开发手段来完成，下面马海祥将通过移动适配技术的角度来告诉你通过7个步骤来完成一个PC网站向移动设备的跳跃！
1、允许网页宽度自动调整
“自适应网页设计”到底是怎么做到的？其实并不难。
首先，在网页代码的头部，加入一行viewport元标签，viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用绝对宽度
由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素，这一条非常重要。
具体说，CSS代码不能指定像素宽度：width:xxxpx;
只能指定百分比宽度：width:xx%;或者width:auto;
3、相对大小的字体
字体也不能使用绝对大小（px），而只能使用相对大小（em）。
body{
font:normal100%Helvetica,Arial,sans-serif;
}
上面的代码指定，字体大小是页面默认大小的100%，即16像素。
h1{
font-size:1.5em;
}
然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。
small{
font-size:0.875em;
}
small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。
4、流动布局（fluidgrid）
“流动布局”的含义是，各个区块的位置都是浮动的，不是固定不变的。
.main{
float:right;
width:70%;
}
.leftBar{
float:left;
width:25%;
}
float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。
另外，绝对定位（position:absolute）的使用，也要非常小心。
5、选择加载CSS
“自适应网页设计”的核心就是CSS3引入的MediaQuery模块，它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
media=”screenand(max-device-width:400px)”
href=”tinyScreen.css”/>
上面的代码意思是，如果屏幕宽度小于400像素（max-device-width:400px），就加载tinyScreen.css文件。
media=”screenand(min-width:400px)and(max-device-width:600px)”
href=”smallScreen.css”/>
如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。
除了用html标签加载CSS文件，还可以在现有CSS文件中加载。
6、CSS的@media规则
同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。
@mediascreenand(max-device-width:400px){
.column{
float:none;
width:auto;
}
#sidebar{
display:none;
}
}
上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动（float:none）、宽度自动调节（width:auto），sidebar块不显示（display:none）。
7、图片的自适应（fluidimage）
除了布局和文本，自适应网页设计还必须实现图片的自动缩放。
这只要一行CSS代码：
img{max-width:100%;}
这行代码对于大多数嵌入网页的视频也有效，所以可以写成：
img,object{max-width:100%;}
老版本的IE不支持max-width，所以只好写成：
img{width:100%;}
此外，windows平台缩放图片时，可能出现图像失真现象。这时，可以尝试使用IE的专有命令：
img{-ms-interpolation-mode:bicubic;}
或者，EthanMarcotte的imgSizer.js。
addLoadEvent(function(){
varimgs=document.getElementById(“content”).getElementsByTagName(“img”);
imgSizer.collate(imgs);
});
最好还是做适配分辨率的图片，有很多方法可以做到同样效果，服务器端和客户端都可以实现（具体可查看马海祥博客《根据访问设备自动识别展示手机站或PC站的方法》的相关介绍）。
二、适配最常见的操作方法
据马海祥观察，PC站和手机站匹配最常用的几种方法是移动适配、JS跳转、Meta声明、302规则等等，由于每种方法的操作方式不同，产生的效果也不同，具体的优缺点也需要区别对待，在此，马海祥就给大家比较一下这4种适配方法的优缺点以及需要注意的地方：
1、移动适配
现在很多搜索引擎都提供移动适配的功能，例如网络的开放适配和360的移动适配，利用网络站长工具提交PC页-手机页对应关系Sitemap，或者利用360站长工具提交PC页-手机页对应关系txt就能实现PC站内容和手机站一一适配。
这样做的优点是只需要在搜索引擎工具提交资料，无需对站点本事做改动，而且网站内容一一对应，并不只局限于网站首页。
缺点就是只能在网络或者360移动搜索中生效，其他没用提交适配文件的搜索中就无效了。
2、JS跳转
JS跳转对于某些行业来说有着重要的作用，尤其是对于用户转换率网站首页较高的网站，只需要在网站的头部加一段JS代码判定是否是移动端访问，然后所有的流量就会全部流向手机站的主页。
JS跳转的优点是适用于所以的移动搜索，并不局限于网络和360，可以提高用户的转换率。
缺点是难以实现每个页面的一一对应，而且容易被某些搜索引擎判定作弊，从而受到惩罚。
3、Meta声明
Meta声明的格式一般为，站长可以将这段代码加在PC站的头部，由Meta信息来指明该PC页对应的手机页的URL，以及该URL对应页面的格式。
Meta声明的优点是代码简单易懂，操作方便。
缺点是只能在网络移动搜索中生效，对于其他搜索引擎无效（另外，还可以使用网络转码，具体可查看马海祥博客《网络转码后的手机网站页面是否有利于SEO优化》的相关介绍）。
4、302规则
302规则指的是，当判定移动端访问网站时，302临时跳转到一个网址(手机站)，例如可以在htaccess文件里加上一段判定手机的代码，做个302重定向。
这样做的好处是，不需要再额外在网站的前端代码中加任何东西，也不需要向搜索引擎提交规则，可是据测试，有可能会导致PC站被降权。
虽然302是暂时性的重定向，但过于频繁的302是很有可能给网站带来不利的影响的，具体的尺度需要站长自己去把握。
以上4种适配方法是接触的最为常见的操作方法，通常PC站做了以上处理后，一段时间以后移动端搜索出来的结果，下面匹配的网址就变成了移动站网址，不过标题还是PC站标题。
至于到底哪种方法更好，更倾向于第一种，毕竟网络移动搜索占据着网站的大部分流量，而且用户体验度也最好。
2. HTML网页如何完美的适配到移动设备上
1、在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。
3. 如何让一个网站同时适配PC和移动设备
要让一个网站同时适配pc和移动端，那你得会写前端，html,css，js用得好就行，一个个屏幕调好，如果不会的话，前端里面有学的，花时间学就可以了
4. 怎么修改网站的css让它适应手机端
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
5. 怎样低成本的实现网页在移动端的适配
解决方案涉及到的知识点：
viewport
media query
Javascript window.matchMedia
响应式图片
栅格布局
顶部导航
测试工具
iOS和Android自带的浏览器都是基于webkit内核，所以我们可以使用viewport属性和media query技术实现网站的响应性。
viewport
在<head>之中添加viewport元数据标签。
width=device-width 实现屏幕适配，页面绘制根据触屏大小变化，保持一致。
initial-scale 表示初始缩放。
Js代码
<meta name="viewport" content="width=device-width, initial-scale=1.0">
maximum-scale 表示最大缩放比例，1意味着不能进行缩放。
user-scalable=no 禁用页面缩放（zooming）功能。禁用缩放后，用户只能滚动屏幕，让你的网站看上去更像原生应用。
注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！
Js代码
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
media query
根据不同的分辨率，引用不用的css
Css代码
<link rel="stylesheet" type="text/css"
media="screen and (max-device-width: 480px)"
href="shetland.css" />
Bootstrap3的实现 http://v3.bootcss.com/css/#grid-media-queries ，
以下是LESS方法的实现
Js代码
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
Javascript window.matchMedia
用CSS3解决的确很方便，但某些场景下仍然需要JS技术。
Js代码
if (window.matchMedia("(min-width: 400px)").matches) {
// The screen width is 400px or wider.
} else {
// The screen width is less than 400px.
}
状态改变时监听
Js代码
function setup_for_width(mql) {
if (mql.matches) {
// The screen width is 400px or wider. Set up or change things
// appropriately.
} else {
// The screen width is less than 400px. Set up or change things
// appropriately.
}
}
var width_mql = window.matchMedia("(min-width: 400px)");
// Add a listener for when the result changes
width_mql.addListener(setup_for_width);
// And share the same code to set things up with our current state.
setup_for_width(width_mql);
6. 移动端手机网站优化怎么做
简单是主要因素。与个人电脑网站相比，大多数移动网站的内容不到个人电脑网站的一半，甚至更少。一般来说，移动网站的浏览速度比个人电脑网站慢，而且网页过于复杂，这会消耗客户的耐心。特别是，导航栏应该简短，可以快速引导用户访问网站信息。就网站内容而言，越简单越好，排版应该是指信息网站，甚至以广告为信息，都是围绕网站的主题设计的。大多数需要单独优化的企业网站都以双网融合的形式存在，即pc和手机同步更新。pc优化驱动手机是一个错误的理解。因此，在手机网站优化中，有必要保持导航的使用，不要拘泥于某些设计体验，要更加注重客户体验。
有限的手机屏幕需要我们去衡量的，不像电脑站。因此，在手机网站优化内容的建设中，应该尽可能减少占用的内存，文字应该尽可能简单，图片应该尽可能少的使用，这样用户一进入网站就可以看到自己想要的东西，而不需要做pc站的深度。分页的思想应该简洁。主页加上内容页面的主要标准是主要结构。主页还可以添加列表和内容页面，这有利于用户操作。
为了在移动端获得排名，手机网站优化应该注重seo优化的基础，营销网站的相关思考，移动网站也很重要。现在许多移动网站与个人电脑分离，这不利于管理和客户体验。众所周知，网站运行在电脑上，甚至笔记本电脑，大约10英寸长。大屏幕决定了网站可以添加很多华丽的效果和多媒体内容。随着硬件的发展和互联网的加速，基本上所有的pc机硬件都能快速打开大多数网站。
7. 网站移动适配怎么写啊
这的意思是 一般开发会分成 pc 端 和 移动端 ，为的是 页面适配，
比如说 网络 PC的 是 www..com 换成 手机的 m..com 。只是访问后表现形式不一样 ，如果说你只有一种 那就 都添 一样的就可以了
8. 不是自适应网站需要做移动适配吗模板里有个m文件，是否需要专门做个m的二级网站去专门做移动端呢
如果移动客户较多，应该进行移动端适配。
至于如何做自适应或是否使用二级网站，这取经你的自己（改造难度）。
建议把网站修改成自适应的就可以了，只需要一个网站就行（减少后期维护成本）。
9. 网站移动端怎么做
网站移动端制作原理：
1：域名解析一个m.xxx.com，绑定到服务器上
2：m.xxx.com放PC端的网站程序，数据库直接连接PC数据库
3：移动模板对应PC模板，程序文件和pc一样。只是数据库是共用一个
4：在PC页面上面设置移动跳转判断，网上有PHP跳转代码，
5：你可以参考开源程序制作移动端，比如dedecms，帝国cms制作移动端，如果感觉比较麻烦了，那就直接把PC页面重写，页面直接修改成响应式！