发布文章时,您需要上传图片。 许多内容编辑器在左侧显示图片。 另外,如果它是响应式HTML5网站,则还存在图片宽度太大而无法显示的问题。
在这种情况下,在后台上传图片时,如下所示,上传成功后,图片宽度默认为图片的真实宽度,您可以将其设置为100%或将其留为空白 并将其留空,并将高度留空。
如果内容页面是这样写的
CCS代码如下 :
<div class=
"detail"
> 这里是内容及图片
css样式可以如下写法.如果担心在电脑上浏览时,图片过大撑破页面,可以增加一个类似这种样式.max-width:650px
.detail img{
display:block;margin:0 auto;padding:10px; /* max-width:650px */
}
/*以下为兼容手机代码*/
@media(max-width:760px){
.detail img{max-width: 100%;height: auto;width: auto\9;}
}
本文链接地址:https://www.0do.net/wangzhan/8215.html 转载请注明出处