javascript - 具有多种宽度的元素

标签 javascript html css

是否可以为对象(例如 div 或 img)提供多个宽度?这样一个对象的正常宽度是 720 像素,但是当用户的屏幕尺寸小于 720 像素时,元素会自动将其宽度更改为 100%?

如果有一个只使用 HTML 或 CSS 并且不包含任何 JavaScript 的解决方案就好了,因为我对它不是很熟悉。 (但如果 JavaScript 是实现此目的的唯一方法,或者使用 JavaScript 真的很容易,请像我 5 岁一样解释)

最佳答案

是的,一种可能的方法是使用 max-widthwidth:

.foo {
  max-width: 720px;
  width: 100%;
}

如果你想有很多不同的宽度,根据不同的屏幕尺寸,CSS media queries是要走的路,正如另一个答案中所解释的那样。

关于javascript - 具有多种宽度的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46835608/

相关文章:

html - 除非禁用渐变,否则 IE9 中不会显示背景

html - 在 <button> 元素中嵌入图像

javascript - 以英尺和英寸显示英尺小数(javascript)

javascript - Google Maps API3 InfoWindow 并查询标记是否在多边形中

javascript - 可以根据 jsonpath 更新 json 的 JavaScript 库或模块是什么?

javascript - 如何在 chrome 或 firefox 的 css 中定义 top 属性

html - Img 将底部对齐到 div 的底部

javascript - angularJS 在 Controller 中设置路由参数

javascript - 当我单击 HTML 中的 anchor 链接时,有什么方法可以打开全屏打开的 ppt 文件?

javascript - 如何以正确的方式动态设置对象的属性?