21世界网_21世界导航网,一切网络搜索资源尽收眼底!

21网址导航_知识分享_【专注搜罗世界网址】- 21世界网

当前位置: 主页 > 知识分享 > it知识分享 >

css样式 手机端访问时文章图片超出的解决方法

时间:2019-03-28 09:00来源:未知 作者:ldsuper 点击:
有些在经常使用的织梦模板中,访问pc的时候内容页面里的图片显示正常,但在用手机端访问的时候,文章内容图片会超出宽度或者高度,这是为什么呢? 其实原因很简单,因为你在织梦后台添加图片的时候,后台会自动根据你的图片大小设置出图片宽度和高度, css样
有些在经常使用的织梦模板中,访问pc的时候内容页面里的图片显示正常,但在用手机端访问的时候,文章内容图片会超出宽度或者高度,这是为什么呢?
其实原因很简单,因为你在织梦后台添加图片的时候,后台会自动根据你的图片大小设置出图片宽度和高度,
css样式 手机端访问时文章图片超出的解决方法
所以这样就会在图片上写上宽度和高度,而在css调用文件里面及时修改了width和height也无法调成成功,
那这时候怎么办呢?
第一种方法:
这里就为大家介绍一个css样式代码:max-width或者max-height
css样式解释:该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其宽或高。不允许指定负值。
这样在你手机端调用的样式或者自适应的样式里面填写限制值,就会有效果了。大家可以试试。
第二种方法:
还有一种不推荐的方法,就是在织梦后台添加图片的时候删除图片宽度和高度,然后在css调用样式里面设置宽和高就可以了。
不过手动操作比较麻烦,很容易忘记操作。
第三种方法:
不过应该还有一种方法就是修改织梦后台添加图片时自动填充高宽的代码,这个没有深入研究。但是应该可以。不过考虑到操作复杂度,还是推荐第一种方法,就是在css调用样式里面添加限制宽或高。
(小编:ldsuper)
顶一下
(3)
100%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容