Html 响应式网页设计

我用ASP.NET开发了自己的介绍性网站。我只使用HTML和CSS，因为我不擅长网站设计。但该网站在手机浏览器上看起来并不好。有谁能建议我如何使用/更新相同的代码，使其在手机浏览器中看起来也很好，而无需显式使用引导

---

.

Asp.NET与响应性网页设计无关

只要正确地创建CSS，根据分辨率和你的目标设置元素

要以特定分辨率为目标，请使用媒体查询：分辨率

@media screen and (min-width: 480px) {
  a {
    color: red;
  }
}

---

你也可以使用浏览器来查看你的页面在不同的屏幕大小下如何看起来

，即使你不想使用Bootstrap或基础，看看他们的CSS，看看它是如何操作的，我是如何学会创建响应页面的。 bootstrap的核心是引用上面提到的Pawel Lukasik的页面宽度。最简单的情况是，在某个宽度以上有一个样式，在某个宽度以下有另一个样式，用于确定页面上该内容的位置/宽度/浮动

在引导的情况下，他们使用各种“网格选项”识别了这些不同的样式

---

我建议您看看以下内容。它将为您提供CSS中用于响应性设计的媒体查询的详细信息。如上所述，查看引导代码也是一个非常好的主意。它将给你一个主意，如果它如何实现响应，你可以尝试创建自己的CSS以达到预期的结果。

我已经开发了代码。有没有办法转换相同的代码，使网站变得响应？一些工具等。他为你提供了使网站响应所需的CSS。使用开发人员工具（键盘上的F12）调整页面大小，以便在缩小站点时观察站点的变化。添加上面提供的“媒体断点”，以更改站点的样式，修复任何看起来不好的内容。我强烈建议您阅读一些关于响应式设计的文章。你也应该在设计你的网站时考虑到手机，并创建至少2个Photoshop、手机和桌面大小的模型，这样你在更改CSS时就有了一个明确的目标。你没有明白我的意思！！我已经开发了整个网站，现在有没有办法将其“转换”为响应性网站？如果有人对这个问题不满意，请添加评论，使其更清楚，而不是否决它。