dede程序做的网站怎么做移动适配,能让网站做到自适应(怎么做移动手机端自适应网站)

dede程序做的网站怎么做移动适配,能让网站做到自适应


PC中国站移中国站域名同/应中国页URL;需要添加移适配关系PC中国站域名及内页URL与移中国站域名及应内页URL适配起; 在百度站长平台内移动适配内添加对应的手机中国站,主机控制平台做好解析就可以了

pc网站和移动网站的域名不同/对应的网页url不一样;需要添加移动适配关系,把pc网站的域名及内页url与移动网站的域名及对应的内页url适配起来;


怎么做移动手机端自适应网站


移动开发之自适应手机屏幕宽度
1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
首先解释该标签的含义:

如果你完全不了解这个标签的使用需要先百度一下。
解释:content中的“width” 这个width指的是什么宽度,我看过的文章对这个都没有解释的很清楚,有几个备选:虚拟窗口的宽度、手机屏幕的宽度、还是页面的宽度等等?经试验这个指的是虚拟窗口的宽度。了解宽度

如何编写自适应网页


工具/原料
dm网页设计软件
ps图像处理软件
方法/步骤
在网页代码的头部,加入一行viewport元标签。
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。对图像来说也是这样。
具体说,CSS代码不能指定像素宽度:
width:xx

我想做一个自适应网站,有没有简单的方法


1、在HTML头部增加viewport标签。
  在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  这段代码支持Chrome、Firefox、IE9以上的浏览器,但不支持IE8以及低于IE8的浏览器。
  2、在CSS文件尾部