lar*_*els 13 html css carousel twitter-bootstrap
我正在试验Bootstrap的旋转木马,并希望将它与照片一起使用.
问题:我应该上传用于旋转木马的图片的最佳尺寸是多少？
在当前的Bootstrap发行版(v3.2.0)中,示例carousel.html使用一个简单的1x1像素图像作为背景:
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
我找不到这个记录,我试验过的照片在我的笔记本电脑屏幕上被拉伸/扭曲.
Dan*_*Dan 10
实际上没有"最佳"图像尺寸.在具有1x1像素的示例中,它是一个重复的像素,以覆盖其包含div的整个范围.
这个Carousel Bootply Demo使用1024x700像素图像作为例子.如果你想要一个跨越屏幕整个宽度的旋转木马图像,使用至少1024像素宽(可能更宽)的图像可能是一个好主意,尽管你不希望它的分辨率太高,因为这需要很长时间才能加载.
图像高度可能会小于宽度,实际上只取决于您使用的图像类型以及您想要旋转木马图像的高度.
否则,最好的办法是尝试不同的图像,看看看起来不错.
注意:Bootply演示使用 http://placehold.it这是一个尝试不同图像尺寸的好工具,或者查看http://placekitten.com/.
| 归档时间： |
|
| 查看次数： |
45021 次 |
| 最近记录： |