Question

我正在尝试使我的文本在调整窗口大小时落在图像下方，我是编码的新手，这是我尝试编码的第一件事，因此请不要大声笑。 std::initializer_list<std::initializer_list<std::initializer_list<...>...>...> https://jsfiddle.net/b17nhj3y/1/#&togetherjs=wdEDSQBkB2

Answer 1

如果要在页面上在不同设备/屏幕尺寸上以不同的方式显示元素，则应在CSS中检查media queries。

示例：

@media (max-width: 12450px) { your style here.. }

Answer 2

您可以使用媒体查询使您的网页具有响应性：

@media only screen and (min-width : 320px) and (max-width : 720px) {
  #p {
    position: relative;
    bottom: 500%;
    overflow: hidden;
    margin-left: 15%;
    margin-top: 50px;
    margin-right: 25px;
    font-weight: 200;
    font-size: 14px;
    color: #757575;
    transform:translateX(-0.5%);
  }
}

在这里检查：https://jsfiddle.net/gs86uL5k/

Answer 3

您有很多负边距和绝对头寸。尝试使用CSS。

#p {
  overflow: hidden;
  margin-right: 25px;
  font-weight: 200;
  font-size: 14px;
  color: #757575;
  transform: translateX(-0.5%);
}

如果您只需要在特定的屏幕尺寸上执行此操作，请查看媒体查询。 https://www.w3schools.com/css/css_rwd_mediaqueries.asp

调整窗口大小时如何使文字落在图像下

3 个答案: