Discuz自适应模板浅谈
最近在做一款官方模板的自适应模板<br /><br />之前想的很简单,用媒体查询判断移动设备 单独设置下css就可以 <br />但是发现做起来不是那么简单啊 <br />1是dz页面众多，没有细数，但模板拆分不下上百个htm文件<br />2是很多页面共用css样式 无法区分 这个页面调整好了 那个页面又错位了<br />3是很多用的table布局，不拆table很多时候无法达到想要的效果，拆table吧又得把电脑端也重新兼容一遍<br />4是很多变量是html代码或者iframe嵌入，搜都搜不到对应的文件在哪改，比如门户管理频道的$categorytree解析出来是段table代码 还有的地方变量解析出来是半段<a>代码<br />5是很多页面可能这个模板根本用不到，但是如果要想上线应用市场就得全部兼容一遍<br /><br /><br /> 所以可能接下来<strong>这模板还是开源到gitee</strong>了。<br /><br />当然开源之前也要尽量把所有页面都做下兼容，实在做不了或者复杂的就看有没有人愿意贡献了。<br /><br />因此发此贴寻求愿意内测的用户，帮忙测试，<br /><strong>如果你对此项目感兴趣或者有需求，可以帮我们做以下事情</strong>：<br /><strong>1. 访问演示站：点击查看演示， 测试pc和手机端模板的兼容，并在此贴反馈</strong><br /><strong>2. 如果有你需要用到的页面但是没有展示出来的 可以提交页面信息给我们</strong><br /><br /><strong><font color="#0000ff">提交格式：</font></strong><br />测试页面地址： （有问题的网页地址或者没有展示出来的页面名称地址）<br />测试设备： （最好具体到机型型号）<br />具体问题： （具体的描述问题及可以复现的操作，有截图最好）<br /><br />提交问题有效且采纳的可以加入模板内测站长群<br /><br />最后附上演示站点的注册邀请码：<br /><br />页面<em>, </em>模板<em>, </em>是很多<em>, </em>table<em>, </em>兼容<strong>更多图片</strong>小图大图<img id="aimg_19353" aid="19353" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130013jt2ffqly5jj8tdf5.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130013jt2ffqly5jj8tdf5.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php (1).png" title="dzx35.xcxgy.cn_forum.php (1).png" w="2850" /><img id="aimg_19354" aid="19354" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130014eslgpaha89qhmqga.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130014eslgpaha89qhmqga.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php_mod=forumdisplay&amp;fid=2 (1).png" title="dzx35.xcxgy.cn_forum.php_mod=forumdisplay&amp;fid=2 (1).png" w="2850" /><img id="aimg_19355" aid="19355" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130014rkqqb5vbqlwakoqv.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130014rkqqb5vbqlwakoqv.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php_mod=post&amp;action=newthread&amp;fid=16 (1).png" title="dzx35.xcxgy.cn_forum.php_mod=post&amp;action=newthread&amp;fid=16 (1).png" w="2850" /><img id="aimg_19356" aid="19356" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130015ourmrwjvkv8vwurk.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130015ourmrwjvkv8vwurk.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php_mod=guide (1).png" title="dzx35.xcxgy.cn_forum.php_mod=guide (1).png" w="2850" /><img id="aimg_19357" aid="19357" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130015aat8mnjmtnmn88tj.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130015aat8mnjmtnmn88tj.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_home.php_mod=space&amp;do=doing (1).png" title="dzx35.xcxgy.cn_home.php_mod=space&amp;do=doing (1).png" w="2880" /><img id="aimg_19358" aid="19358" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130016ox8xio5uj95555xf.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130016ox8xio5uj95555xf.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_misc.php_mod=ranklist (2).png" title="dzx35.xcxgy.cn_misc.php_mod=ranklist (2).png" w="2850" /><img id="aimg_19359" aid="19359" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130016ypzpgyyhmh173a1y.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130016ypzpgyyhmh173a1y.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php.png" title="dzx35.xcxgy.cn_forum.php.png" w="742" /><img id="aimg_19360" aid="19360" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130017skt889iwtxsp9i98.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130017skt889iwtxsp9i98.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_home.php_mod=follow.png" title="dzx35.xcxgy.cn_home.php_mod=follow.png" w="742" /><img id="aimg_19361" aid="19361" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130017yunqeee34d34a3k3.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130017yunqeee34d34a3k3.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php_mod=post&amp;action=newthread&amp;fid=16.png" title="dzx35.xcxgy.cn_forum.php_mod=post&amp;action=newthread&amp;fid=16.png" w="742" /><img id="aimg_19362" aid="19362" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130017kridk4j69wdcd6jd.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130017kridk4j69wdcd6jd.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php_mod=forumdisplay&amp;fid=2.png" title="dzx35.xcxgy.cn_forum.php_mod=forumdisplay&amp;fid=2.png" w="742" /><img id="aimg_19363" aid="19363" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130018z52rnepneroezarf.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130018z52rnepneroezarf.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php_mod=guide.png" title="dzx35.xcxgy.cn_forum.php_mod=guide.png" w="742" /><img id="aimg_19364" aid="19364" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130020b4eo2ou25bo23oew.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130020b4eo2ou25bo23oew.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_forum.php_mod=forumdisplay&amp;action=list&amp;fid=16.png" title="dzx35.xcxgy.cn_forum.php_mod=forumdisplay&amp;action=list&amp;fid=16.png" w="742" /><img id="aimg_19365" aid="19365" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130022sfvy4biq00oqh4jh.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130022sfvy4biq00oqh4jh.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_misc.php_mod=ranklist (1).png" title="dzx35.xcxgy.cn_misc.php_mod=ranklist (1).png" w="742" /><img id="aimg_19366" aid="19366" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130024j89dixggiv98ywiv.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130024j89dixggiv98ywiv.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_home.php_mod=space&amp;do=doing.png" title="dzx35.xcxgy.cn_home.php_mod=space&amp;do=doing.png" w="756" /><img id="aimg_19367" aid="19367" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130026ocb4bkzc3zv9tj69.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130026ocb4bkzc3zv9tj69.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_home.php_mod=space&amp;do=album&amp;view=all.png" title="dzx35.xcxgy.cn_home.php_mod=space&amp;do=album&amp;view=all.png" w="756" /><img id="aimg_19368" aid="19368" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/130028jl6lxueu2fz2nfae.png" src="https://www.dismall.com/data/attachment/forum/202301/27/130028jl6lxueu2fz2nfae.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" alt="dzx35.xcxgy.cn_misc.php_mod=ranklist.png" title="dzx35.xcxgy.cn_misc.php_mod=ranklist.png" w="750" /> 组图打开中，请稍候...... <strong>参与内测的用户可以下载了！</strong>点击免费下载 <br /><br />这吗？<br /><br /><img title="无标题.jpg" id="aimg_19369" aid="19369" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202301/27/135101wi1ki11kqoaqki4h.jpg" src="https://www.dismall.com/data/attachment/forum/202301/27/135101wi1ki11kqoaqki4h.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="405" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /> 支持开源新模板~ 支持开源新模板~<br /> 好样的，赞一个！ 编辑器自适应还需处理一下！ 好开发者，强烈支持 看看怎么样
頁:
[1]