Javascript 如何以相等的比例拉伸截面？ 问题
我想在固定截面比例的同时拉伸。 像这样： 我应用了最大宽度：100%；&高度：自动；但没有起作用 最后，我想这样做： 顺便说一下，我使用CSS网格。 如何以相同的速率拉伸截面 密码 html{字体大小：62.5%；} 正文{显示：块；边距：0；填充：0；边框：0；轮廓：0；字体大小：100%；字体：继承；垂直对齐：基线；背景：透明；框大小：边框框；}/*重置*/ 项目{ 显示：网格； 网格间距：3.8雷姆4.6雷姆； 网格模板列：repeatauto-fit，minmax240px，1fr； } .项目{ 文本对齐：居中； 宽度：25.35雷姆； } .项目img{ 最大宽度：100%； 高度：自动； } .项目h2{ 字体大小：1.6rem； 保证金上限：1.6雷姆； 保证金底部：1.5雷姆； } .项目p{ 字体大小：1.5rem； 边缘底部：.8rem； } .项目h2、.项目p、.项目跨度{ 文本对齐：左对齐； } .项目跨度{ 浮动：左； 显示：内联块； 字号：1.1rem； 边框：.1淡黑色； 边界半径：.3rem； 保证金权利：.6rem； 边缘底部：.5rem； 填充：.3rem； } 标题 简单解释 标签 标签 属于 各种各样的 长度 标签 标签 标签 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释Javascript 如何以相等的比例拉伸截面？ 问题,javascript,html,css,Javascript,Html,Css,我想在固定截面比例的同时拉伸。 像这样： 我应用了最大宽度：100%；&高度：自动；但没有起作用 最后，我想这样做： 顺便说一下，我使用CSS网格。 如何以相同的速率拉伸截面 密码 html{字体大小：62.5%；} 正文{显示：块；边距：0；填充：0；边框：0；轮廓：0；字体大小：100%；字体：继承；垂直对齐：基线；背景：透明；框大小：边框框；}/*重置*/ 项目{ 显示：网格； 网格间距：3.8雷姆4.6雷姆； 网格模板列：repeatauto-fit，minmax240px，1fr
下面呢。您可以使用@media查询创建响应网格 html{字体大小：62.5%；} 正文{显示：块；边距：0；填充：0；边框：0；轮廓：0；字体大小：100%；字体：继承；垂直对齐：基线；背景：透明；框大小：边框框；}/*重置*/ 项目{ 显示：网格； 网格间距：3.8雷姆4.6雷姆； 网格模板列：repeat12，1fr； 填充物：3.8rem； } .项目{ 文本对齐：居中； 边框：1px纯红；/*仅用于演示*/ } .项目img{ 宽度：100%； 高度：自动； } .项目h2{ 字体大小：1.6rem； 保证金上限：1.6雷姆； 保证金底部：1.5雷姆； } .项目p{ 字体大小：1.5rem； 边缘底部：.8rem； } .项目h2、.项目p、.项目跨度{ 文本对齐：左对齐； } .项目跨度{ 浮动：左； 显示：内联块； 字号：1.1rem； 边框：.1淡黑色； 边界半径：.3rem； 保证金权利：.6rem； 边缘底部：.5rem； 填充：.3rem； } .项目{ 格构柱：跨度12； } @仅介质屏幕和最小宽度：1000px{ .项目{ 格构柱：跨度6； } } @仅介质屏幕和最小宽度：1600px{ .项目{ 格构柱：跨度4； } } 标题 简单解释 标签 标签 属于 各种各样的 长度 标签 标签 标签 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 指定最大宽度是一切的原因。 只需改变两个位置，它就能按预期工作 html{字体大小：62.5%；} 正文{显示：块；边距：0；填充：0；边框：0；轮廓：0；字体大小：100%；字体：继承；垂直对齐：基线；背景：透明；框大小：边框框；}/*重置*/ 项目{ 显示：网格； 网格间距：3.8雷姆4.6雷姆； 网格模板列：repeatauto-fit，minmax240px，1fr； } .项目{ 文本对齐：居中； /*宽度：25.35雷姆；*/*① 删除*/ } .项目img{ 宽度：100%；/*② 最大宽度->宽度*/ 高度：自动； } .项目h2{ 字体大小：1.6rem； 保证金上限：1.6雷姆； 保证金底部：1.5雷姆； } .项目p{ 字体大小：1.5rem； 边缘底部：.8rem； } .项目h2、.项目p、.项目跨度{ 文本对齐：左对齐； } .项目跨度{ 浮动：左； 显示：内联块； 字号：1.1rem； 边框：.1淡黑色； 边界半径：.3rem； 保证金权利：.6rem； 边缘底部：.5rem； 填充：.3rem； } 标题 简单解释 标签 标签 属于 各种各样的 长度 标签 标签 标签 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 标题 简单解释 css flex属性？@br
k我试过使用flexbox，但和当前的CSS网格一样，该部分并没有扩展。。为什么会这样/@当然是的。我很抱歉。我觉得这很容易理解……谢谢！我尝试以完全相同的方式复制和粘贴，但在我的环境中，它并不像代码片段那样拉伸高度没有改变。@POP标题中是否指定了视口，例如：？是。我试图设置与示例相同的视口，但高度仍然不变。六羟甲基三聚氰胺六甲醚。。我仔细观察，没有错，但是为什么…高度被其他CSS或JS覆盖了？啊！我忽略了最大宽度。项目img更改为宽度！这似乎是所有不拉伸的原因。只需删除问题代码的.item{width:25.35 rem；}，并将.item img{max width:100%；}更改为width:100%。->我确认它在没有@media查询的情况下按预期工作！非常感谢你！