有没有办法在设备模式下让浏览器减少“宽度”以及“设备宽度”

时间:2018-02-01 13:58:32

标签: css google-chrome responsive microsoft-edge

当我在设备模式下以chrome(以及Edge / Brave / Opera)测试页面时,设备宽度属性似乎减少了,但宽度属性不是

重新创建:

<html>
    <style>
        html {
            background-color: #EEE;
        }
        @media (min-width: 750px) {
            html {
                background-color: #BADC55;  
            }
        }
    </style>
    <h1>Hello World!</h1>
</html>

使小窗口按预期工作:

Small window

设备模式不会:

Device Mode

1 个答案:

答案 0 :(得分:1)

然后您必须将此行添加到您的代码

struct Customer: Codable {
    var id: Int
    var cnum: String
    var cname: String

    init(from decoder: Decoder) throws {
        let container = try decoder.container(keyedBy: CodingKeys.self)
        id = try container.decode(Int.self, forKey: .id)
        cnum = try container.decode(String.self, forKey: .cnum)
        do { cname = try container.decode(String.self, forKey: .cname) }
        catch { cname = "" }
    }
}