Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
Html 什么';s通常被认为是全屏背景图像的最佳尺寸?_Html_Css_Background_Background Image - Fatal编程技术网

Html 什么';s通常被认为是全屏背景图像的最佳尺寸?

Html 什么';s通常被认为是全屏背景图像的最佳尺寸?,html,css,background,background-image,Html,Css,Background,Background Image,对于全屏背景,图像的平均大小应该是多少 我目前使用的是1920x1080像素的图像,这样可以吗?还是对于桌面大小的屏幕来说太小了?这取决于屏幕的本机分辨率。 使用的图像应与屏幕的本机分辨率匹配,以获得最佳效果 由于人们将使用不同的屏幕尺寸,因此可以做一些事情来解决这个问题 动态生成你的背景;这将限制您使用纯对称图像 上载多个大小的背景图像,从用户代理获取屏幕分辨率,并显示正确大小的图像 尝试使用1600x800宽度的图像,具体取决于您的用户。如果您有许多用户使用(大)iMac,则分辨率越高越好。

对于全屏背景,图像的平均大小应该是多少


我目前使用的是1920x1080像素的图像,这样可以吗?还是对于桌面大小的屏幕来说太小了?

这取决于屏幕的本机分辨率。 使用的图像应与屏幕的本机分辨率匹配,以获得最佳效果

由于人们将使用不同的屏幕尺寸,因此可以做一些事情来解决这个问题

  • 动态生成你的背景;这将限制您使用纯对称图像
  • 上载多个大小的背景图像,从用户代理获取屏幕分辨率,并显示正确大小的图像

  • 尝试使用1600x800宽度的图像,具体取决于您的用户。如果您有许多用户使用(大)iMac,则分辨率越高越好。@ram图像在更大的屏幕上看起来不是越长吗?@cloned 3000x3000可以吗?如果您希望图像能够完美运行,请创建图像的多个分辨率,并根据
    @media min(或max)-width
    将其用作背景。有关动态图像大小的更多信息,请参阅此处: