dedecms制作的网站手机端被拉长变形

网站移动端制作原理：

1、域名解析一个mxxx，绑定到服务器上；

2、mxxx放PC端的网站程序，数据库直接连接PC数据库；

3、移动模板对应PC模板，程序文件和pc一样。只是数据库是共用一个；

4、在PC页面上面设置移动跳转判断，网上有PHP跳转代码；

5、你可以参考开源程序制作移动端，比如dedecms，帝国cms制作移动端，如果感觉比较麻烦了，那就直接把PC页面重写，页面直接修改成响应式！

现在做网站手机站必须要做，手机上搜索越来越多。电脑站手机打开浏览网页，体验非常不好。目前手机网站制作有3种方法：

1、独立域名手机站

这种手机站对优化排名比较好，也可以自己设计手机模板，专门买个空间放手机站程序，域名解析二级域名。

2、自适应网站

这种网站体验比较少，会根据屏幕大小，自动显示不同的页面布局。手机和电脑站用的一个模板。一个域名，对优化体验非常好。

3、二级目录手机站

这种比较常用的一种，电脑站域名后面加/wap，或者/m。通过跳转代码，手机打开电脑站网址，自动进入手机站。内容和PC是同步的，管理也比较方法。

1：织梦CMS国内第一大开源程序，系统成熟，利于开发上手。WEB应用中织梦占比30%，WP占比20%，DZ占比13%，帝国CMS占比57%。

2：占用服务器资源少，性能优越。

3：前端模板做到精简，利于搜索爬虫抓取。

4：URL可静态化，目录及文件名可通过后台设置。

5：缺点是手机站是M目录形式，需二次改进或做独立系统手机站。适配教麻烦，尽可能选择响应式模板，用自适应方式完成移动适配。

这是你模板生成静态文件的时候把image的宽度和高度带出来了；

解决方法1；自己写js文件；去掉文章里的宽度和高度；

2、找到模板文件；把<img>标签里的宽度和高度去掉

织梦pc电脑端自动匹配m移动手机站代码

首页：

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:globalcfg_mobileurl/}/">

<script type="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex') != -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/";}else if(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

栏目页

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}">

<script type="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex') != -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}";}else if(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

文章内容页：

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}">

<script type="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex') != -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}";}else if(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

设置手机自动识别跳转

<!--以下这段粘在网站的头部head里面-->

<script type="text/javascript">

var mobileUrl="你的手机网站首页",

mobile = (/mmp|symbian|smartphone|midp|wap|phone|xoom|iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/itest(navigatoruserAgenttoLowerCase()));

if (mobile) {

windowlocation = mobileUrl;

}

</script>

<!--这段粘在网站的头部head里面-->