Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 什么像素大小,应该用于网站图像?_Twitter Bootstrap_Image - Fatal编程技术网

Twitter bootstrap 什么像素大小,应该用于网站图像?

Twitter bootstrap 什么像素大小,应该用于网站图像?,twitter-bootstrap,image,Twitter Bootstrap,Image,一个看似简单的问题。我已经创建了一个响应性强的网站,带有Bootstrap。在一个特定页面上,有4列,宽度相等。在每列中,插入一个图像 为了插入尽可能接近列宽的图像,我是否可以简单地将1024px除以3,以确定4列中每列的宽度,然后简单地确保图像尽可能接近结果列宽 这样,图像将正确显示在较大的1024px屏幕上,同时在较小的屏幕上也会缩小 我的理解正确吗?或者您只需在图像上添加一个最大宽度,以确保它们的宽度与包含div的宽度相同 max-width: 100%; height: auto; 然

一个看似简单的问题。我已经创建了一个响应性强的网站,带有Bootstrap。在一个特定页面上,有4列,宽度相等。在每列中,插入一个图像

为了插入尽可能接近列宽的图像,我是否可以简单地将1024px除以3,以确定4列中每列的宽度,然后简单地确保图像尽可能接近结果列宽

这样,图像将正确显示在较大的1024px屏幕上,同时在较小的屏幕上也会缩小


我的理解正确吗?

或者您只需在图像上添加一个最大宽度,以确保它们的宽度与包含div的宽度相同

max-width: 100%;
height: auto;

然后,只要您的图像具有相同的尺寸,它们将在每个列中占用相同的空间。

谢谢您的建议。我想在上传图像之前,确保图像的大小尽可能小,以尽可能地保持文件大小。显然,为了防止像素化,图像只能和最大屏幕大小一样小。在这种情况下,引导程序还包括列之间的水槽,我相信是30px。虽然列之间的“总”排水沟宽度为30px,但不是每个列空间由两个排水沟组成,每个排水沟的宽度为15px?!