带照片的bootstrap旋转木马：最佳图像大小？

Question

我正在试用Bootstrap的旋转木马，并希望将其与照片一起使用。

问题：我应该上传以用于传送带上的图片的最佳尺寸是多少？

在当前引导分布（V3.2.0）的例子carousel.html使用一个简单的1x1像素的图片作为背景：

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide"> 

我找不到这个文件，我已经使用get试验的照片在我的笔记本电脑屏幕上拉伸/扭曲。

Answer 1

没有真正的“最佳”图像大小。在1x1像素的示例中，它是一个反复重复覆盖其包含div的整个范围的像素。

This Bootply Demo of Carousel以1024x700像素图像为例。如果你想有一个跨越整个屏幕宽度的传送带图像，使用至少1024像素宽（可能更宽）的图像可能是一个好主意，尽管你不希望它的分辨率太高，因为这需要很长时间才能加载。

图像高度可能会小于宽度，实际上只取决于您使用的图像类型以及您想要传送带图像的高度。

否则，最好的办法是尝试不同的图像，看看什么看起来不错。

注：Bootply演示使用http://placehold.it这是一个很好的工具来尝试不同的图像大小，或检查出http://placekitten.com/。