html - 响应式设计全选

标签 html css responsive-design

我一直在努力使我的网站具有响应性,以便不同设备上的其他人可以查看它。我在 W3schools 上看到这段代码来更新我的元素的大小和位置。 [class*="col-"] 我想知道您是否可以将 col- 更改为 like * all 或其他?我这样说的原因是因为我想选择我所有的元素来为手机编辑它们。

最佳答案

如果你想让你的网站响应手机,你应该看看 CSS 媒体查询:

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries

如果用于访问您网站的设备的宽度与 X 像素数量相匹配,它们会提供一些特定样式的功能。

关于html - 响应式设计全选,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59236499/

相关文章:

javascript - 在 fabricjs 的另一个 Canvas 上添加免费绘图结果

jquery - 简化自定义响应菜单的标记(无 Bootstrap !)

html - 如何使标题图像在全屏时占 50%,然后在某一点堆叠并开始跨越全宽?

css - 偏离中心的可变宽度表

html - 阻止或停止加载 <img> 标签并在 css 中插入一个新标签

html - 响应式地平铺不同大小的盒子

html - 我的 CSS 文件没有链接到我的 HTML 文件,即使它们在同一个文件夹中

javascript - 确定何时以 HTML 加载图像?

php - 做一个iframe智能化?

jquery - 我怎样才能用 jquery 获得这种效果(在高度上)?