帝国cms 内容中图片style="width: height:"不变形解决方法

2023-05-05 zhangli 0 0 阅读需要2-5分钟

帝国cms做的网站如果网站用的是自适应的css,那么在PC端网站的文章页面里的图片没有问题,但是在移动端里图片的样式就会变形,整个图片宽度和高度都会变形,那么今天我们就来解决下这个问题.

要解决这个文章中的图片变形问题有2种方法:

1.编辑器添加图片时候去除宽高值

发布文章时候的控制每张图片,默认通过帝国编辑器添加的图片每张图片img标签里都自动添加了宽、高尺寸,即style="width: XXXpx; height: XXXpx;",那么我们每次添加图片的时候都把这个宽和高的值给去掉,这样添加的图片就不会有style="width: XXXpx; height: XXXpx;"这个值了,这样这个图片在移动端显示的时候就不会变形了。

2.通过模板中添加!important,过滤style=中的值

在网站写网站模板的时候,我们将图片的css属性设置为max-width: 100%!important;   height: auto!important; 含义是最大图片不超过图片本身最大宽度,高度自适应。

相关标签

相关文章

无相关信息
  • 帝国cms列表内容模板(list.var)中显示信息来源

    简介:列表内容模板(list.var)中显示信息来源,信息来源字段befrom在副表,列表页不能显示。

  • 帝国cms7.2升级到7.5说明教程

    一、帝国cms7.2升级到7.5升级前备份工作:二、帝国cms7.2升级到7.5升级步骤:三、帝国cms7.2升级到7.5会员接口升级说明:四、采用多访问端情况下,子访问端升级说明:

  • 帝国CMS灵动标签中调用内容标题图片,没有则不显示图片

    在帝国CMS的专题页模板中,如果这个专题有缩略图,则显示缩略图,如果没有呢,那就显示一个默认的图片来代替。

  • 帝国CMS6.0升级6.5方案

    这几天把我2个网站的程序都从帝国CMS6.0升级6.5,章力两个网站是百度排名优化和杭州西湖旅游网,那时候还是帝国5.1不知道不自觉已经到6.0再到现在的6.5了,网站之前已经升级过一次,这次看程序发布那么久相对也比较稳定了,加上新版本的帝国CMS6.5有tag功能,有可以帮我增加很多页面和关键字排名,所以决定升级帝国CMS6.0-6.5了。

  • 帝国cms缩略图生成不同尺寸规格

    帝国cms6.6版本+有一个新的功能:网站不同地方生成不同的缩略图。sys_ResizeImg函数语法:sys_ResizeImg(原图片,缩图宽度,缩图高度,是否裁翦图片,目标文件名)

  • 帝国cms多条件搜索功能

    帝国cms除了默认的常规搜索外,还有多条件搜索功能,下面是一个城市价格查询的一个功能

  • 帝国CMS7.5使用TAGSID伪静态调用和.htaccess设置方法

    帝国CMS7.5可以使用TAGS ID做伪静态,但是看了很多的论坛帖子都没完全的说出来,加上章力个人测试半天在搞清楚,所以这里还是整个教程,可以自己来看,也分享给大家使用。

  • 帝国cms应用bootstrap幻灯片carousel

    bootstrap是比较成熟的自适应网站框架,大章力现在做的所有网站前端都是基于bootstrap,后端系统基于帝国cms系统,今天就来说下,最近的应用如何让bootstrap的幻灯片carousel应用于帝国cms系统中。

  • 帝国cms制作英语网站内容页url自动生成函数

    用帝国cms后台增加信息后处理函数(在数据表)        就可以了   使用自定义函数  文件名不用填写,用  后台增加信息处理函数        替换

  • 帝国cms制作英文网站设置 TAG优化URL技巧

    要做英文网站,因为其他CMS系统不熟悉,所以还是使用帝国cms,帝国cms毕竟是中文CMS,所以有很多功能上面在做英文网站时候还是有很多问题需要进行设置和调整,以便更好的符合英文网站的需要,里面的设置有很多是基于SEO的需要而进行的调整,下面把制作英文站过程中的一些设置都记录了下来

  • 帝国cms灵动标签调用数据统计方法说明

    帝国cms灵动标签的SQL灵活调用,可以自由的调用任何MYSQL数据库中的数据,今天介绍下讲下帝国CMS灵动标签的数据统计调用的方法

  • 帝国CMS做站常用代码整理

    帝国cms实用功能代码集合,获取栏目网址 ,判断是否当前页(高亮),判断是否首页(用于高亮)等

  • 帝国cms灵动标签关键字描红

    帝国cms灵动标签关键字描红功能

  • 帝国cms加判断的条件设置

    帝国cms中常规的内容我们可能会有2种写法,比如一个列表中有2种样式,我们有2种选择,一种是用2个灵动标签,这样的缺点是代码臃肿,增加了服务器的负荷,还有就是加一个判断来实现,今天

  • 帝国cms专题列表灵动标签根据关键词变量调用文章

    帝国cms灵动标签专题内容页内调用的,本意是调用关键词包含有专题名称的文章,但是现在这个调用出来的是栏目15的所有内容,如果'%%' 内直接填上固定的关键词调用就没问题,但是现在写了$navinfor[pagetitle]就不生效。

  • 帝国cms高效的随机调用方法

    帝国cms里不少人喜欢用ORDER BY RAND()随机调用,随机调用是最耗资源的一种调用方式,信息数在1万以上随机调用就开始影响速度。使用时建议慎之又慎。

  • 帝国CMS灵动标签调用TAG的方法

    帝国cms灵动标签是帝国cms系统最大的亮点之一,可以让使用者随以调用各种数据,使其灵活性非常的好,也是我最喜欢的功能之一,今天说下灵动标签调用TAG的方法。

  • 帝国cms tags设置的显示所设置的值,没有设置的则显示统一的值

    帝国cms的网站tag很多,有一些tag有单独设置description、keywords,有一些则没有,如何通过判断来为其显示相应的文字<?php // 获取当前标签的ID $tagid = (int)$tagid; // 从数

TOP