css – 使用全宽(100%的浏览器)滑块的好的本机图像大小是多少?

前端之家收集整理的这篇文章主要介绍了css – 使用全宽(100%的浏览器)滑块的好的本机图像大小是多少?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在建立一个包含全宽度滑块的网站; 100%的浏览器窗口。
CSS将是这样的
.slider {
width:100%;
}

…滑块的父级是< body>,而不是一些wrapper div。

我的困境是,如果我使用1600px宽度的图像,并使用CSS将其缩放到100%,那么对于最大化浏览器(监视器宽度)的人来说,这将是微不足道的,因为图像将不会缩小(将移动/响应尺寸的注意事项从现在的图片中移除),然而在非常大的显示器上使用最大化浏览器的人将使该图像不会下降,因此会出现稍微降级的外观。

我检查了几个滑块,他们使用aprox 2000px的图像宽度,但是有一个宽度,不需要在大量的显示器上放大;

请注意:我不是问CSS,网格系统,twitter boostrap,响应或自适应网站,960px宽度的网站或类似的东西。我也不是说一个100%的网页包装滑块。我只是询问用于创建滑块的图像文件的像素宽度,该滑块缩放了浏览器宽度的100%。

解决方法

1920px是你想去的最高的。这被认为是屏幕分辨率尺寸的“高端”,任何更高的将使浏览器起作用。只要将幻灯片宽度设置为100%,它将调整为比1920更高分辨率的屏幕尺寸,没有问题。这也将解决占用太多带宽的问题,并且不会影响您的加载时间(这是您的站点功能的关键)。

猜你在找的CSS相关文章