Question

我已经使用下面的代码在标题标题周围添加了一个框，但是有什么方法可以使其响应以适合标题文本？目前，所有框的大小均已设置，缩小后可移至手机屏幕，请先谢谢您的帮助

.box.active .header-title p {
    width: 600px;
    height: 120px;
    padding: 15px;
    border: 0px solid white;
    padding-bottom: 15px;
    background: rgba(80, 80, 80, 0.4);
    opacity: 1;
  color: white

}

Answer 1

为什么不在文本周围加上边框？无需绑定具有固定高度和宽度的文本。这不会使文本响应。试试这个代码。

.box.active .header-title p {
    padding: 15px;
    border: 1px solid #000;
}

删除多余的CSS。

Answer 2

width: 600px;

给您带来麻烦。固定为600像素，移动屏幕为375像素

使标题框响应

2 个答案: