html - 使我的网站与屏幕/浏览器的大小互动

Question

我目前正在从事一个小型高中元素，我需要使用 HTML 和 CSS 制作一个交互式网站。我几乎已经完成了该网站，但现在想知道是否有任何简单的方法可以使您的网站与屏幕尺寸互动。是否有任何插件可以帮助我解决问题，或者我只需要使用这样的代码来做到这一点 -

@media screen and (max-width:1310px) .container1{width 50%}
.main{width: 50%}

我是 HTML 的新手，所以非常感谢您的帮助

Answer 1

您可以使用 Bootstrap 。它是一个用于编写响应式网站的 css 框架。它为不同的屏幕尺寸提供类。