文章/答案/技术大牛

发布

社区首页 >问答首页 >媒体查询不适用于此图像？

问媒体查询不适用于此图像？
EN

Stack Overflow用户

提问于 2022-03-22 07:23:29

回答 1查看 45关注 0票数 0

  <div class="col-lg-6" >
   <img src = "iphone6.png" id="dog-mobile" alt="phone">
   </div>

#dog-mobile{
    height:600px;
    position: absolute;
    right: 25%;
    transform: rotate(25deg);
    }
@media(max-width:1000){
    #dog-mobile{
         position: static;
         transform: rotate(0deg); 
        }
    }

<媒体查询不能处理这个图像，低于1000 so的图像应该是静态的，并且应该是直的，但它不是这样的。它还有一个引导类的网格，即-lg-6输出图像截图>

media-queries

html

css

bootstrap-4

css-selectors

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-03-22 07:28:48

请在<head>标签中的HTML页面中添加这一行

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

同时更改CSS，如下所示：

#dog-mobile{
    height:600px;
    position: absolute;
    right: 25%;
    transform: rotate(25deg);
    }
@media screen and (max-width: 1000px) {
    #dog-mobile{
         position: static;
         transform: rotate(0deg); 
        }
    }

票数 0

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

原文链接：

https://stackoverflow.com/questions/71568242

复制

相似问题

问媒体查询不适用于此图像？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问媒体查询不适用于此图像？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问媒体查询不适用于此图像？
EN