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 - 如何在单击 href 链接时从 uiwebview 中删除 href 灰色选择和闪烁效果?

javascript - 如何在 Raphael 文本对象上应用多个旋转变换?

javascript - HTML 浏览器 "text"选择 : select whole words (like in iBooks)

javascript - 关于 jQuery 的 getScript() 的问题

javascript - 通过 Javascript 的强制 CSS 规则被部分应用

javascript - CSS tr 背景不适用于 IE7

javascript - 到达网页上的特定位置时如何调用 css 动画?

javascript - 单击表格复选框时不打开新页面

javascript - 鼠标悬停时使用 iFrame 打开弹出窗口

html - Controller 重定向导致错误403 'Type=Forbidden'