欢迎来到路由器窝!

PC端图片自适应

浏览次数:

作者: 路由器窝

信息来源:

更新日期: 2019-10-16 11:32

文章简介

style type=text/css .box{ width: 750px; margin: auto; } .img-box{ width: 100%; position:relative; z-index:1; } .img-box img{ le

  • 正文开始
  • 相关文章
 <style type="text/css">
        .box{
            width: 750px;
            margin: auto;
        }
        .img-box{
            width: 100%;
            position:relative;
            z-index:1;
        }
        .img-box img{
          
            left:0;
            right:0;
            width:100%;
            z-index: -1;
            *zoom:1;
        }
        .img-box:before {
            content: "";
            
            padding-bottom: 100%;
            width: 0.1px;    /*必须要有数值,否则无法把高度撑起来*/
            vertical-align: middle;
        }
    </style>
       <div class="box">
    <div class="img-box">
  {dede:field.body runphp=yes}
global $cfg_basehost;
$str = @me;
$search = '/(<img.*?)width=(["\'])?.*?(?(2)\2|\s)([^>]+>)/is';
$search1 = '/(<img.*?)height=(["\'])?.*?(?(2)\2|\s)([^>]+>)/is';
$search2 = '#(<img.*?style=".*?)width: \d+px;([^"]*?.*?>)#i';
$search3 = '#(<img.*?style=".*?)height: \d+px;([^"]*?.*?>)#i';
$content = preg_replace($search,'$1$3',$str);
$content = preg_replace($search1,'$1$3',$content);
$content = preg_replace($search2,'$1$2',$content);
$content = preg_replace($search3,'$1$2',$content);
@me = str_replace('/uploads/allimg/', $cfg_basehost.'/uploads/allimg/', $content);//手机版图片使用绝对路径
{/dede:field.body} 
    </div>
</div>

转载请注明:DEDEcms» PC端图片自适应

标签:
  • DEDE中栏目地址和文章地址的生成函数
    263阅读
    //获得文章网址/*************************************************如果要获得文件的路径,直接用GetFileUrl($aid,$typeid,$timetag,$title,$ismake,$rank,$namerule,$typedir,$money)即是不指定站点参...
  • dedecms 栏目目录用首字母生成的方法
    174阅读
    修改dede/catalog.add.php文件 85行 $toptypedir = GetPinyin(stripslashes($toptypename)); 修改为 $toptypedir = GetPinyin(stripslashes($toptypename),1); 108 行 $typedir = $t...
  • 图集提取所有图片,到列表或者首页图集第一张图片调用
    256阅读
    打开 \include\extend.func.php 在最下面加入这个方法 function Getimgurls($aid,$num=4) { global $dsql; $imgurls = $result = ; $imgrow = $dsql-GetOne( Select imgurls From `dede...
  • 图片集显示上一图片下一图。并且显示每个图片的说明
    234阅读
    script language=javascript type=text/javascript!-- var shortname = {dede:global.art_shortname/}; var npage = {dede:field name=nowpage/};var totalpage = {dede:fi...
  • 调用父栏目ID
    200阅读
    function getParentId($typeid){global $dsql;$sql = SELECT reid FROM `dede_arctype` WHERE id=$typeid;$dsql-SetQuery($sql);$dsql-Execute();$row = $dsql-GetArray();...
  • 织梦栏目做成列表分页(小说列表)
    215阅读
    一个织梦栏目就是一个小说,炒鸡轻松实现按栏目分页 不影响程序其他功能文档分页 支持动态、生成静态、伪静态 可扩展其他分页,例如会员分页,自定义表单分页 打开 /include/arc.listview.class.php 找到 大概在248行 $ctag = $this-dtp-GetTag(page); 在它
  • 加载完成
    240阅读
    div style=width:100%; float:left; text-align:center; padding: 10px 0px; color:#fff; background:#00aa98; font-size: 16px;加载完成/div
  • DEDE文章列表分两列显示代码(亲测)
    192阅读
    table tr {dede:arclist row=10} tda href=[field:arcurl/][field:title/]/a/td [field:global.autoindex runphp=yes] if((@me % 2) == 0 @me 10) { @me = /tr/tr; } else{...
  • dedecms织梦幻灯大图管理[可多组]
    257阅读
    下载得到xml模块文件,后台 模块管理 上传模块 文件下载 后台效果 前台标签 {dede:myppt typeid=1 row=6} [field:url/] [field:pic/] [field:title/] {/dede:myppt} {dede:myppt typeid=1 row=6} div class...
  • 内容页图片地址替换,替换成PC图片地址方法
    249阅读
    修改目录include下的文件extend.func.php,在最后面添加一个函数 function replaceurl($newurl){$newurl=str_replace(src=/uploads/allimg/,src=http://www.zngps.com/uploads/allimg/,$newurl...
上一页:channelartlist双样式判断
下一页:字体大小设置失败
最近更新作品
城市联动提交表单
更新时间:2020-11-17

169人已经看过了!

统计栏目文章数量有的显示数量没有显示0
更新时间:2020-11-15

135人已经看过了!

自定义表单列表添加全选
更新时间:2020-10-19

157人已经看过了!

自定义表单展现样式
更新时间:2020-10-19

165人已经看过了!

Body里面多了个&amp;#65279字符,空白一行解决办法
更新时间:2021-01-25

168人已经看过了!

自定义证书添加图片
更新时间:2020-07-15

235人已经看过了!

dede导出证书查询数据到excel
更新时间:2020-06-19

287人已经看过了!

dedecms--会员信息导出excel表格
更新时间:2020-06-19

171人已经看过了!

dede 获取图集里面图片的数量
更新时间:2020-05-25

176人已经看过了!

织梦栏目做成列表分页(小说列表)
更新时间:2020-05-08

215人已经看过了!