问题:我的博客网站建成后帝国cms图片模板,我发现文章内容上方的图片在联通设备上无法自适应,但厚度被压缩,整个图片非常丑陋。
探索:查看源代码,发现宽度和高度规范已手动添加到每张图片的img标签中,例如:style =“ width:624px; height:422px;”通常,响应型网站会遇到帝国cms的问题,在发布文章时,每个人都习惯于上传图片进行确认,因此上传的图片在源代码中具有固定的规范。此固定规格限制您使图片具有自适应性。
解决方案:实际上,规格可以保留为空白,您仍然可以上传图片,并且上传的图片在源代码的标签中不受宽度和高度的限制。如果您在上传图片时未填写规格,请提供内容在页面图片上编写以下样式:
最大宽度:100%;
高度:自动;
帝国cms内容页面图像的自适应显示方法
如果您在上传图片时不关心规格帝国cms图片模板,则在内部样式前面添加!important,
最大宽度:100%!重要;
高度:自动!重要;
我建议您添加!important,因为如果文章中有很多图片,那么删除上载的每张图片的规格将浪费时间。
更多帝国cms教程可供分享,欢迎访问我的个人博客:Muhua Notes
以下内容可能会对您有所帮助:
帝国cms实现百度的主动推送(非插件)
帝国cms列表页面上的分页样式更改和美化教程
帝国cms如何在文章链接中删除日期目录的路径
评论0