首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >响应式设计帖子

响应式设计帖子
EN

Stack Overflow用户
提问于 2020-07-03 18:06:16
回答 1查看 22关注 0票数 0

我正在试着建立带图片的帖子。我已经写了一个代码,其中图片的位置是正确的,但只在手机上。有什么CSS命令可以使用吗?

代码语言:javascript
复制
.image1{
  height: 100px;
  weight: 100px;
}
.image2{
  height: 100px;
  weight: 100px;
  position: relative;
  left: 135px;
}

我已经在用这个了

代码语言:javascript
复制
@media only screen and (min-device-width: 601px) and (max-device-width: 768px)

但这并不能解决问题。

当然,我已经在我的头上设置了

代码语言:javascript
复制
<meta name="viewport" content="width=device-width, initial-scale=1.0">

有什么建议吗?如何设置PC图片的定位?

EN

回答 1

Stack Overflow用户

发布于 2020-07-03 20:18:33

使用percentages %而不是PX,因此它将在任何设备中获取百分比,并且您可以在任何媒体查询中控制此百分比,它将为您节省大量成本。另一个技巧,你可以使用宽高比的图像适合任何设备,并使用名为object-fit的属性,它将帮助你防止图像被挤压。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62713643

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档