Css MediaQuery的不同设备高度

Css MediaQuery的不同设备高度,css,media-queries,Css,Media Queries,在不同的设备中,页面的初始显示是否有特定的高度。 我想在加载页面时显示页眉图像,向下滚动时会显示更多内容。要为不同的媒体查询设备安装视图区域中的图像,我将宽度设置为100%,但对于高度,我无法理解?如果宽度设置为100%,则高度应设置为自动。图像将响应并调整到不同的屏幕分辨率,而不会变形 谢谢你们两位 我使用了CSS3背景图像属性,而不是争夺高度。问题已解决: 为什么不使用高度:100%?但是100%高度将采用默认图像高度制作提琴将有助于解决您的问题我是否需要输入内联宽度和高度,并使用宽度:10

在不同的设备中,页面的初始显示是否有特定的高度。
我想在加载页面时显示页眉图像,向下滚动时会显示更多内容。要为不同的媒体查询设备安装视图区域中的图像,我将宽度设置为100%,但对于高度,我无法理解?

如果宽度设置为100%,则高度应设置为自动。图像将响应并调整到不同的屏幕分辨率,而不会变形

谢谢你们两位


我使用了CSS3背景图像属性,而不是争夺高度。问题已解决:

为什么不使用高度:100%?但是100%高度将采用默认图像高度制作提琴将有助于解决您的问题我是否需要输入内联宽度和高度,并使用宽度:100%和高度:自动覆盖它们?如果我不知道,图像只会出现在我内容的高度。我不确定我是否完全理解你的问题。我的理解是,您正试图在站点顶部放置一个响应迅速、根据设备自动缩放的图像。你所需要做的就是在你使用类的样式表上写一点CSS,并将它指向宽度:100%,这意味着你的图像将跨越设备的宽度,高度:自动,这样图像将根据图像宽度进行缩放。您不需要设置页面的高度,该高度由页面上的内容决定。您可以考虑编辑帖子以显示CoDi得到CSS3背景属性的解决方案。但是,我仍然不明白的是,当我们对相同图像的不同大小使用媒体查询时。我们有背景图像的标准尺寸吗?无论如何,我知道我们可以使用CSS3背景属性使图像响应。简而言之,我想知道每个设备的尺寸。不,我不相信每个设备的背景图像有任何标准的尺寸设置。最好的办法是按百分比计算。此外,您不必为每个媒体查询重置背景图像;这就是响应式设计背后的想法。减少你的工作量。