手机版 | 登陆 | 注册 | 投稿 | 反馈留言 | 设首页 | 加收藏
网站首页 > cms > 帝国cms > 帝国cms技巧 >帝国cms电脑端和手机版新闻内容如何自适应?修改模板处css

帝国cms电脑端和手机版新闻内容如何自适应?修改模板处css

时间:2020-03-21    点击: 次    发布者:佚名 - 小 + 大

在电脑端和手机端新闻内容模板里面[!--newstext--]处修改


源文件为:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="text">
[!--newstext--] 
<p align="center" class="pageLink">[!--page.url--]</p></td>
</tr>
</table>

修改为:


<table style="table-layout:fixed;word-break:break-all;" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="text" class="text2">
<style>
.text2{overflow:hidden;} 
.text2 img{ max-width: 100%; border: 1px dashed #ccc;display: table-cell; vertical-align: middle; text-align: center;margin: 0 auto;}
.text2 p {line-height: 38px; border-top: 1px solid rgb(192, 220, 192); padding-top: 10px; text-indent: 
2em; font-size: 19px; letter-spacing: 1px; font-family:  'Microsoft YaHei';  white-space: 
normal;text-align:justify;}
.text2 a{word-wrap:break-word;word-break:break-all;}
.text2 h1{text-indent: 2em;}
.text2 h2{text-indent: 2em;}
.text2 h3{text-indent: 2em;}
</style>
[!--newstext--] 
<p align="center" class="pageLink">[!--page.url--]</p></td>
</tr>
</table>

覆盖,重新刷新即可。


宽度最大不超过max-width: 100%

 a{word-wrap:break-word;word-break:break-all;}目的是设置的超链接不要撑开手机页面



上一篇:帝国cms中css 如何让大小不同的图片表现一致,同时可以自适应呢?适用手机版

下一篇:帝国CMS7.5默认编缉器删除上传图片默认设置的宽度和高度即style



Copyright © 2020 天人系列管理系统 版权所有,授权www.rjc.wang使用  Powered by 55TR.COM 运行代码测试页
锐教程网站www.rjc.wang由天天科技荣誉出品