关于改动窗口大小 logo自动居中的问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

关于改动窗口大小 logo自动居中的问题

杨冬芳 2016-06-02 11:19:54 1348

未登录的情况下,改动窗口的大小会发现当窗口小到一定的程度,会logo自动居中了,查看资源发现有两个知乎的logo图,用js可以做到这个效果,用纯css可以吗?我昨天试了很久都没能解决。
单纯的只考虑logo,也就是那两张图片,不考虑其他
screenshot
screenshot

前端开发 JavaScript
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:24:24

    使用 CSS media query, 在不同的窗口尺寸下,给元素匹配不同的 CSS 样式。

    例如:

    <!-- CSS media query on a link element -->
    <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
    
    <!-- CSS media query within a stylesheet -->
    <style>
    @media (max-width: 600px) {
      .facet_sidebar {
        display: none;
      }
    }
    </style>
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程