CSS 响应能力推荐?

标签 css html web

我刚刚接触到 CSS 的烦人部分,响应能力,我的大问题是

我应该像这样处理媒体查询:min-width: xxx 到 max-width: xxx 还是只使用 min-width?

因为我看到一些网站,无论何时调整浏览器大小或从手机输入,它都不会从 350px 变为 600px,它几乎保持不变,除非你超过 1000px 或其他...

什么是最好的标准?或者你们在尝试使其响应时可以推荐我什么,使用这样的精确查询:min-width: xxx 到 max-width: xxx 或什么?

最佳答案

在大多数情况下,您会发现 max-width 通常就足够了,这实际上取决于您想要的准确度。

Bootstrap 3.0它的 CSS 中有一些基本的媒体查询,我建议使用它或研究它。

关于CSS 响应能力推荐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27211027/

相关文章:

html - 你如何使图像闪烁?

javascript - 在变量中获取 document.getElementById ("range3").value

javascript - 在 IE 上使用 ajax 获取并解析 xml

css - Web 服务器正在加载 css 文件,但未显示样式

c# - 在 Web 浏览器中运行 WinForms 应用程序

html - 在一行中实现显示卡

html - Flexbox:保持元素左右

javascript - jquery 帮助布局

html - 使用 HTML 和 CSS 在 anchor 标记中定位图像

html - 如何使 svg 成为带有 body 标签的背景图像?