Question

我是html和css的新手，我需要一些帮助。

当我缩小网站时，我希望更改内容，使其看起来像在手机或iPad上。我在这里有一个例子。（http://www.osynlig.se/）尽量减少网站的数量，你可以看到内容修改以适应浏览器的大小，这是我不知道该怎么做。如果您可以发送链接到网站，解释如何操作或者您可以撰写评论，我们将不胜感激

如果我错误输入了我来自瑞典的任何内容：谢谢！

Answer 1

您正在寻找的是响应式网页设计。您可以使用这样的css中的媒体查询自己完成。 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}

如果宽度小于600像素，则将facet_sidebar类的显示设置为none。

或者您可以使用已经为您处理过的库，Bootstrap是一个非常受欢迎的选项http://getbootstrap.com/