我正在尝试创建响应式 header 并按如下方式应用样式,
@media (min-width: 1300px) and (max-width: 1400px) {
.headerText {
left: 40%;
}
}
当我在两台具有相同分辨率 (1366*768) 且显示器尺寸不同的 15"和 19"机器上进行测试时,它显示了不同的 View 。
那么有什么办法可以让我可以为不同尺寸的显示器应用不同的 css 或者最好的解决方案是什么?
注意:社区中也有同样的问题,但主要针对 anriod。
最佳答案
在头部添加了视口(viewport)。
<meta name="viewport" content="width=device-width, initial-scale=1">
关于css - Web 中具有相同尺寸但不同分辨率的两个屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45115323/