时间戳

首页 > 解决方案 > 响应式设计帖子

css - 响应式设计帖子

问题描述

我正在尝试设置带有图片的帖子。我已经写了一个代码，其中图片的位置是正确的，但只在手机中。我可以使用任何 CSS 命令吗？

.image1{
  height: 100px;
  weight: 100px;
}
.image2{
  height: 100px;
  weight: 100px;
  position: relative;
  left: 135px;
}

我已经用这个了

@media only screen and (min-device-width: 601px) and (max-device-width: 768px)

但这行不通。

当然，我已经设置了我的标题

<meta name="viewport" content="width=device-width, initial-scale=1.0">

任何建议如何设置PC图片的定位？

标签： css

解决方案

使用百分比%而不是 PX，因此它将在任何设备中获取百分比，并且您可以在任何媒体查询中控制此百分比，这将为您节省很多。另一个提示，您可以在图像上使用宽高比以适合任何设备，并使用称为object-fit它的属性将帮助您防止图像被挤压。

推荐阅读