Question

我正在尝试创建响应式标头，我按如下方式应用了该样式，

@media (min-width: 1300px) and (max-width: 1400px) {
 .headerText {
    left: 40%;
 }
}

当我在具有相同分辨率（1366 * 768）和不同显示器尺寸15“和19”的两台机器上测试相同时，它会显示不同的视图。

那么有什么办法，我可以为不同尺寸的显示器应用不同的css或者最适合的解决方案是什么？

注意：社区中存在同样的问题，但主要关注的是这个问题。

Answer 1

在头部添加了视口。

＆＃13;

<meta name="viewport" content="width=device-width, initial-scale=1">

＆＃13;