启动 css 个网站但格式有问题

Question

站点的 link 在这里 progerdevs.co.nf 只是一个测试站点。当我在我的 android 上加载页面时，它显示得很糟糕，所有东西都乱七八糟。有谁知道它叫什么所以当屏幕尺寸不同时它会改变吗？我还有很多东西要学：/ 我所说的更改是指例如图像全部垂直显示以及顶部导航栏。

Answer 1

你一定是在谈论媒体查询。假设您想根据一组屏幕分辨率更改网站的外观，例如 (width)
320px
768px
1024px

然后您必须为每个分辨率定义一个媒体查询，并将您想要调整的任何元素的所有 css 规则放入其中。示例：您想更改所有文档的字体大小：

@media screen and (min-width:0px) {
    body {
        font-size:10px;
    }
}

@media screen and (min-width:320px) {
    body {
        font-size:12px;
    }
}

@media screen and (min-width:768px) {
    body {
        font-size:14px;
    }
}

@media screen and (min-width:1024px) {
    body {
        font-size:16px;
    }
}

根据您设备的屏幕分辨率，字体大小会发生变化，因此您可以对任何 HTML 元素的任何属性执行相同的操作。

或者您可以使用Bootstrap，但这需要更深入的知识。

Answer 2

是的，最好按照之前的回答进行操作，但这是一个快速解决方案。添加此代码，它也会正常工作

.jumbo2 .jumbotron {
  background-image:url(http://progerdevs.co.nf/elderly.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}

我只是去掉高度；

谢谢

启动 css 个网站但格式有问题

Starting a css site but format issues

html

css

css-float

css-position

css-transforms