引导旋转木马图像大小变化导致页面上元素移动的最佳解决方案
引导旋转木马图像大小变化导致页面上元素移动的最佳解决方案
提问于 2015-06-18 00:26:08
我的网站主页上有一个图片旋转木马，有时一些图片的高度和宽度略高一些。这将导致页面元素(如旋转木马下面的测试项列表)随着旋转木马中的每个图像的变化而移动。
什么是阻止页面上所有内容移动的最佳解决方案？在从CMS上传时，我应该强制每个图像的大小吗？我应该强制标记中的大小大小吗？是否有一套CSS规则适用于Bootstrap Carousel，以使图像符合特定的、流畅的、响应性的大小，这样每次图像更改都不会导致页面因大小的变化而移动？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-06-18 00:57:12
托德，你好。请看一下这个post here与Bootstrap旋转木马的关系。
有一个Fiddle与完整的代码供您使用。
我有4个非常不同大小的图像在响应旋转木马。当每个图像滑动时，旋转木马不会改变大小。
你可以用这个开始有一个反应灵敏的旋转木马。
试着调整它的大小。
希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30904641
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号