CSS媒体查询是否仍会影响隐藏元素？

Question

我正在为客户设计响应式设计。我这样做的一种方法是使用CSS媒体查询。

特别是我正在使用的那个：

@media only screen 
  and (min-width: 320px) 
  and (max-width: 991px)
  and (-webkit-min-device-pixel-ratio: 2)
{

我在这个查询中有一个我的元素'float：none;'

#wp_checkout{float:none !important;}

在我的jQuery中，我执行响应式设计：

if ($("#wp_checkout").css("float") == "none" ){


//code }

当我只是在“桌面”视图中缩小页面时，我遇到了问题（Chrome响应式开发工具）。在“移动”视图中，一切都很好。

我相信我已经诊断出查询没有触发以使元素#wp_checkout {float：none; } Here it shows float:left;

但是这个元素也是display：none; 您是否仍然可以使用隐藏元素的媒体查询来编辑DOM？

如果您需要任何详细说明，请告诉我。