我正在努力使网站具有响应性。我对所有的 div 都使用了自动高度。但是,对于特定的 div,我必须为浏览器的所有大小使用固定高度。但是,我不想在每个尺寸的设备/浏览器的媒体查询中手动放置高度,而是想自动/动态地进行。可能是 javascript/jQuery 可以做到。但是,我对 javascript/jQuery 了解不多。所以,我需要你的帮助。我的容器 div 的最大宽度:1280px;我有一个名为“#artwork”的子 div,其初始尺寸为:1065*695px。以 base 作为容器 div 的最大宽度和 #artwork div 的初始高度,我想为每次调整浏览器大小时为 #artwork 提供自动高度。
我不能给出“#artwork”高度:auto,因为在那个“#artwork”div 中有很多大图像。但是,通过javascript,只有一张图片正常显示,通过向下滚动,人们可以一张一张地看到下一张图片。如果我将 height: auto 或使用 minimum-height 设置为“#artwork”,则会显示所有图像。我已经通过媒体查询将“艺术品” div 高度手动放在不同类型的 css 文件中。但是,我想自动执行此操作,因此该比率非常适合每台设备上每种尺寸的浏览器。
以下是页面示例:
[已删除死链接]
#container {
max-width: 1280px;
margin: 0 auto;
padding: 0;
overflow: hidden;
font-family: GandhiSansBold;
position: relative;
}
#artwork {
/*width: 1065px;*/
width: 83.203%;
height: 695px;
margin: 0;
float: left;
overflow: hidden;
margin-bottom: 10px;
}
请确保,如果浏览器尺寸如此之大,#artwork 高度在任何情况下都不能通过自动调整大小跨越 height:695px。