徽标无法在实际的移动设备上正确显示[但是更改桌面屏幕尺寸时会显示徽标]

时间:2019-05-24 16:27:45

标签: wordpress css3 mobile responsive-design media-queries

网站徽标无法在物理移动设备上正确显示,我正在使用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,以了解我在说什么。您会注意到徽标很小,并且在更改桌面屏幕大小时显示的宽度不正确

2 个答案:

答案 0 :(得分:1)

显然,您的媒体查询在网站上的顺序错误(检查员说,规则在第28/19/11行内联,表示500/600 / 767px)-与您在上面的代码中发布的顺序不同。因此,只要颠倒这些媒体查询的顺序即可,因为否则767px规则将在遵循其他规则时覆盖其他规则。

答案 1 :(得分:0)

尝试在<meta name="viewport" content="width=device-width, initial-scale=1.0" />中添加<head>