Question

前端CSS适配分辨率问题

想要适配1366X1024，同时满足宽和高才调用CSS
@media screen and (max-device-width: 1366px) and (max-device-height:1024px)
这么写了之后 没有效果，请问正确写法是？

Answer 1

经测试，代码本身是没问题的。我的电脑连接了两台显示器，一台是1920*1080的，一台是1440*900的，我用下面的代码：
@media screen and (max-device-width:1440px) and (max-device-height:900px)
在我的小显示器中有响应，大显示器则无响应。

追问

但是这段代码 屏幕 1366X768的也生效了， 我还是想让1366X1024的生效

Answer 2

<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
加上这个标签

追问

这段标签是什么意思呢？ 是加在html里么？ 还是加到css里

追答

加到html里面 页头 /head标签之前