如何让我的网站响应桌面和手机？使用媒体查询或 bootstrap 或任何东西
How to make my website responsive for Desktop and phones?With media queries or bootstrap or anything
我有网站，但我想让它响应桌面和手机。它的 css 包含大约 200 行，那么有什么方法可以做到这一点。所以有必要使用媒体查询，因为然后我必须为此再写 200 行，任何简单的解决方案都请帮助。
在使网站具有响应性时，您可能会考虑除媒体查询之外的其他事物和框架。
1：使用Flexbox
CSS3 Flexible Box，或更广为人知的 Flexbox，是 CSS3 中一种新的强大布局模式。它为我们提供了一个为布局用户界面而优化的盒子模型。使用 Flexbox、垂直居中、相同高度的列、重新排序和改变方向变得轻而易举。
2：使用CSS-媒体查询
CSS 网格是 CSS 中可用的最强大的布局系统。它为网络带来了一个二维布局工具，能够将项目放置在行和列中。网格在现代网页设计中的重要性很高，因此这个新规范解决了很多在浏览器中布置元素的古老问题。
3：使用Bootstrap
Bootstrap 是最流行的 HTML、CSS 和 JavaScript 框架，用于开发响应式、移动优先的网站。
Bootstrap 完全免费下载和使用！
Bootstrap 是一个帮助您更快、更轻松地设计网站的框架。它包括基于 HTML 和 CSS 的排版、表单、按钮、表格、导航、模式、图像轮播等设计模板。以下是使用 Bootstrap 的一些其他原因： Bootstrap 的响应式 CSS 适应手机、平板电脑和台式机。
4：使用基金会
Foundation 也算得上是优秀的前端框架之一。它是一个超响应框架，用于创建无缝设计以创建网站、Web 应用程序和移动应用程序以及电子邮件模板。 Foundation 是最容易学习的框架，因此新用户可以轻松使用它。这个出色的框架有许多组件，包括布局、导航、媒体、库容器等等。 Foundation 还提供了一个特殊的插件列表，为开发人员提供了扩展的选择以相应地选择一个。
提示：做网站时，尽量先做移动端。 即 首先使网站响应移动设备视图，然后再使其适用于桌面设备。其背后的原因是，如果你首先让它移动，那么它在桌面上看起来也不错。但是如果你先设计桌面，它在移动端看起来就不好看了。
希望对你有帮助
我有网站，但我想让它响应桌面和手机。它的 css 包含大约 200 行，那么有什么方法可以做到这一点。所以有必要使用媒体查询，因为然后我必须为此再写 200 行，任何简单的解决方案都请帮助。
在使网站具有响应性时，您可能会考虑除媒体查询之外的其他事物和框架。
1：使用Flexbox
CSS3 Flexible Box，或更广为人知的 Flexbox，是 CSS3 中一种新的强大布局模式。它为我们提供了一个为布局用户界面而优化的盒子模型。使用 Flexbox、垂直居中、相同高度的列、重新排序和改变方向变得轻而易举。
2：使用CSS-媒体查询
CSS 网格是 CSS 中可用的最强大的布局系统。它为网络带来了一个二维布局工具，能够将项目放置在行和列中。网格在现代网页设计中的重要性很高，因此这个新规范解决了很多在浏览器中布置元素的古老问题。
3：使用Bootstrap
Bootstrap 是最流行的 HTML、CSS 和 JavaScript 框架，用于开发响应式、移动优先的网站。 Bootstrap 完全免费下载和使用！ Bootstrap 是一个帮助您更快、更轻松地设计网站的框架。它包括基于 HTML 和 CSS 的排版、表单、按钮、表格、导航、模式、图像轮播等设计模板。以下是使用 Bootstrap 的一些其他原因： Bootstrap 的响应式 CSS 适应手机、平板电脑和台式机。
4：使用基金会
Foundation 也算得上是优秀的前端框架之一。它是一个超响应框架，用于创建无缝设计以创建网站、Web 应用程序和移动应用程序以及电子邮件模板。 Foundation 是最容易学习的框架，因此新用户可以轻松使用它。这个出色的框架有许多组件，包括布局、导航、媒体、库容器等等。 Foundation 还提供了一个特殊的插件列表，为开发人员提供了扩展的选择以相应地选择一个。
提示：做网站时，尽量先做移动端。 即 首先使网站响应移动设备视图，然后再使其适用于桌面设备。其背后的原因是，如果你首先让它移动，那么它在桌面上看起来也不错。但是如果你先设计桌面，它在移动端看起来就不好看了。
希望对你有帮助