Css 如何为1360*768屏幕编写媒体查询?

Css 如何为1360*768屏幕编写媒体查询?,css,twitter-bootstrap-3,media-queries,Css,Twitter Bootstrap 3,Media Queries,我正在为我的网站进行媒体查询 我创建了1024x768屏幕大小的媒体查询,效果很好。我还创建了一个1360 x 768屏幕大小的媒体查询,但它不起作用。以下是我到目前为止得到的信息: @media (min-width: 992px) and (max-width: 1199px) { #loginrow { padding: 135px 0; } } @media (max-width: 1360px) { #loginrow { padding: 1

我正在为我的网站进行媒体查询

我创建了1024x768屏幕大小的媒体查询,效果很好。我还创建了一个1360 x 768屏幕大小的媒体查询,但它不起作用。以下是我到目前为止得到的信息:

@media (min-width: 992px) and (max-width: 1199px) { 
  #loginrow { 
    padding: 135px 0; 
  } 
}

@media (max-width: 1360px) { 
  #loginrow { 
    padding: 135px 0; 
  } 
}

有谁能建议这是如何正确的

只需使用最小宽度,当您达到较高分辨率时,您的查询将覆盖之前的查询

@media (min-width: 992px) and (max-width: 1199px){ #loginrow{ padding: 135px 0; } }
@media (min-width: 1360px){ #loginrow{ padding: 135px 0; } }

只需使用最小宽度,当您达到较高分辨率时,您的查询将覆盖之前的查询

@media (min-width: 992px) and (max-width: 1199px){ #loginrow{ padding: 135px 0; } }
@media (min-width: 1360px){ #loginrow{ padding: 135px 0; } }

嗨,保罗,谢谢你的帮助。我在css屏幕页面中添加了滚动。当这同一个网页检查与网页开发工具,它给出了正确的,把我想要的。嗨,保罗谢谢你的帮助。我在css屏幕页面中添加了滚动。当这同一个网页检查与web开发工具,它给出了正确的输出我想要的。