您好!欢迎访问家园网-www.jy.wang!

家园网

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

网络 作者:本站 点击:

在电脑端和手机端新闻内容模板里面[!--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;}目的是设置的超链接不要撑开手机页面

 

 

标签: