我正在建立一个包含全宽滑块的网站; 100%的浏览器窗口.CSS会是这样的
.slider {
width:100%;
}
...滑块的父级是哪里<body>,而不是一些包装器div.
我的困境是,如果我使用宽度为1600px的图像,并使用CSS将其缩放到100%那么这对于任何最大化浏览器(监视器宽度)小于1600px的人来说都是好的,因为图像将按比例缩小而不是(暂时将移动/响应式尺寸考虑因素排除在图片之外)但是,如果在非常大的显示器上使用最大化浏览器,则该图像会按比例放大而不会下降,因此外观会略微降低.
我检查了几个滑块,他们正在使用aprox 2000px的图像宽度,但是有一个宽度不需要在很大比例的显示器上放大吗？
请注意:我不是在询问CSS,网格系统,twitter boostrap,响应式或自适应站点,960px宽度的网站或类似的东西.我也不是在谈论一个100%的网站包装器的滑块.我只是询问用于创建滑块的图像文件的像素宽度,该滑块缩放为浏览器宽度的100%.
Jef*_*eff 23
1920px是你想要的最高价.这被认为是屏幕分辨率大小的"高端",任何更高的将使浏览器起作用.只要您将幻灯片宽度设置为100%,它就会调整到分辨率高于1920的屏幕尺寸而不会出现问题.这也将解决占用过多带宽的问题,并且不会影响您的加载时间(这是您网站功能的关键).