时间戳

首页 > 解决方案 > 如何调整我的盒子模型的边距以适应移动屏幕？

html - 如何调整我的盒子模型的边距以适应移动屏幕？

问题描述

我对 html 很陌生，在使用盒子模型时我不是很有经验。在桌面上，我的网站看起来像我想要的那样，但在移动设备上它看起来很差。谁能帮我吗？谢谢！

这是我的网页搞砸了： https ://lilypad9000.neocities.org/home2.html

这是我的代码：

<style>

a {
  display: block;
  background-color: #dddddd;
  color: DarkOrchid;
  width: 200px;
}
h1 {
  background-color: #000;
  width: 230px;
  margin-left: auto;
  margin-right: auto;
}
div {
  background-color: #330033;
  width: 1000px;
  border: 2px solid #32174D;
  padding: 5px;
  margin: 20px;
  margin-left: auto;
margin-right: auto;
</style>

谢谢，对不起，如果这个问题已经被问过，我找不到明确的答案：p。

标签： htmlcss

解决方案

您可以使用@media query {//everything inside in here} 或 @container queries{//everything inside in here} 我建议您看一些教程或课程

推荐阅读