我正在建立一个包含全宽度滑块的网站; 100%的浏览器窗口。
CSS将是这样的
CSS将是这样的
.slider { width:100%; }
…滑块的父级是< body>,而不是一些wrapper div。
我的困境是,如果我使用1600px宽度的图像,并使用CSS将其缩放到100%,那么对于最大化浏览器(监视器宽度)的人来说,这将是微不足道的,因为图像将不会缩小(将移动/响应尺寸的注意事项从现在的图片中移除),然而在非常大的显示器上使用最大化浏览器的人将使该图像不会下降,因此会出现稍微降级的外观。
我检查了几个滑块,他们使用aprox 2000px的图像宽度,但是有一个宽度,不需要在大量的显示器上放大;
请注意:我不是问CSS,网格系统,twitter boostrap,响应或自适应网站,960px宽度的网站或类似的东西。我也不是说一个100%的网页包装滑块。我只是询问用于创建滑块的图像文件的像素宽度,该滑块缩放了浏览器宽度的100%。