帝国cms图片模板 帝国CMS内容页图片自适应显示的方法

帝国cms图片模板 帝国CMS内容页图片自适应显示的方法

问题:我的博客网站建成后帝国cms图片模板,我发现文章内容上方的图片在联通设备上无法自适应,但厚度被压缩,整个图片非常丑陋。

探索:查看源代码,发现宽度和高度规范已手动添加到每张图片的img标签中,例如:style =“ width:624px; height:422px;”通常,响应型网站会遇到帝国cms的问题,在发布文章时,每个人都习惯于上传图片进行确认,因此上传的图片在源代码中具有固定的规范。此固定规格限制您使图片具有自适应性。

解决方案:实际上,规格可以保留为空白,您仍然可以上传图片,并且上传的图片在源代码的标签中不受宽度和高度的限制。如果您在上传图片时未填写规格,请提供内容在页面图片上编写以下样式:

最大宽度:100%;

高度:自动;

帝国cms内容页面图像的自适应显示方法

1611307551965 0 - 帝国cms图片模板 帝国CMS内容页图片自适应显示的方法

如果您在上传图片时不关心规格帝国cms图片模板,则在内部样式前面添加!important,

最大宽度:100%!重要;

高度:自动!重要;

我建议您添加!important,因为如果文章中有很多图片,那么删除上载的每张图片的规格将浪费时间。

更多帝国cms教程可供分享,欢迎访问我的个人博客:Muhua Notes

以下内容可能会对您有所帮助:

帝国cms实现百度的主动推送(非插件)

1611307551965 1 - 帝国cms图片模板 帝国CMS内容页图片自适应显示的方法

帝国cms列表页面上的分页样式更改和美化教程

1611307551965 2 - 帝国cms图片模板 帝国CMS内容页图片自适应显示的方法

帝国cms如何在文章链接中删除日期目录的路径

1611307551965 3 - 帝国cms图片模板 帝国CMS内容页图片自适应显示的方法

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
登入/注册
欢迎登陆
没有账号? 忘记密码?