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

Question

我目前正在开展一个小型高中项目，我需要使用HTML和CSS制作一个互动网站。我已经完成了网站，但我现在想知道是否有任何简单的方法让您的网站与您的屏幕大小互动。是否有任何插件可以帮助我，或者我只需要使用这样的代码 -

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

我对HTML很陌生，所以感谢任何帮助

Answer 1

你可以使用bootstrap。它是编写响应式网站的css框架。它提供不同屏幕大小的类。