Demo/bin/Debug/front_end/emulation/responsiveDesignView.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*
 * Copyright 2014 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.responsive-design {
    position: relative;
    background-color: rgb(0, 0, 0);
    overflow: hidden;
}

.responsive-design-view {
    overflow: hidden;
}

.responsive-design-canvas {
    pointer-events: none;
}

.responsive-design-sliders-container {
    position: absolute;
    overflow: visible;
}

.responsive-design-generic-outline-container {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: -19px;
    bottom: -19px;
}

.responsive-design-generic-outline {
    position: absolute;
    top: -10px;
    left: -10px;
    right: 5px;
    bottom: 5px;
    border-radius: 8px;
    background-color: rgb(51, 51, 51);
    box-shadow: rgb(20, 20, 20) 3px 3px 4px;
}

.responsive-design-slider-width {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.responsive-design-slider-height {
    position: absolute;
    left: 0;
    right: 0;