网站徽标无法在物理移动设备上正确显示,我正在使用iPhoneX。但是,更改桌面版本的屏幕尺寸时,徽标会适当调整
我正在修改主题,请耐心等待。我试图用最大宽度标签修改尺寸
自定义CSS中的代码:
b9b0f003-356d-e911-a966-000d3a1d7430
4298cdf4-4370-e911-a966-000d3a1d7430
97582b3c-2f6d-e911-a971-000d3a1d7b43
92d57a83-338f-e611-80e0-c4346bb588e8
a0d57a83-338f-e611-80e0-c4346bb588e8
a2d57a83-338f-e611-80e0-c4346bb588e8
a6d57a83-338f-e611-80e0-c4346bb588e8
随时在您的移动设备上查看www.TattiniBoots,以了解我在说什么。您会注意到徽标很小,并且在更改桌面屏幕大小时显示的宽度不正确
答案 0 :(得分:1)
显然,您的媒体查询在网站上的顺序错误(检查员说,规则在第28/19/11行内联,表示500/600 / 767px)-与您在上面的代码中发布的顺序不同。因此,只要颠倒这些媒体查询的顺序即可,因为否则767px规则将在遵循其他规则时覆盖其他规则。
答案 1 :(得分:0)
尝试在<meta name="viewport" content="width=device-width, initial-scale=1.0" />
中添加<head>