图片自适应大小@百度编辑器

最新推荐文章于 2022-07-20 11:13:27 发布

钟灵2023

最新推荐文章于 2022-07-20 11:13:27 发布

阅读量3.8k

点赞数

分类专栏： CSS

CSS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用CSS实现编辑器图片自适应大小和优化网页滚动体验的方法，通过设置img元素的最大宽度为100%，并调整body元素的滚动行为，使得图片在不同设备上都能完美展示，同时确保网页浏览更加流畅。此外，文章还讨论了如何移除点击图片后的拉伸边框效果，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
	*文件名：umeditor.css
	*******这里开始添加你的CSS***********/
	
/*编辑器图片自适应大小*/
img {
 max-width: 100%; /*图片自适应宽度*/
}
body {
 overflow-y: scroll !important;
}
.view {
 word-break: break-all;
}
.vote_area {
 display: block;
}
.vote_iframe {
 background-color: transparent;
 border: 0 none;
 height: 100%;
}
/*去除点击图片后出现的拉伸边框*/
#edui1_imagescale{
	display:none !important;
}