Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery和媒体查询将css规则应用于选择器_Jquery_Html_Css_Media Queries - Fatal编程技术网

使用jquery和媒体查询将css规则应用于选择器

使用jquery和媒体查询将css规则应用于选择器,jquery,html,css,media-queries,Jquery,Html,Css,Media Queries,我有一个网站,其中显示了一个号码牌,该牌包含一个图像和一个坐在旁边的边框。用户可以选择打开或关闭图像,如果关闭图像,则边框将填充整个图版。如果打开图像,边框宽度将相应调整。但是,对于不同的断点,边界需要稍微调整,我需要使用jQuery实现这一点 为了在没有媒体查询的情况下实现上述功能,我使用以下代码(#gb前缀是图像,#plateBorder是边框): 这适用于任何高于1200像素的物体 我正在使用引导断点,所以我需要使用这些维度 有人能解释一下如何使用吗 jQuery(window).resi

我有一个网站,其中显示了一个号码牌,该牌包含一个图像和一个坐在旁边的边框。用户可以选择打开或关闭图像,如果关闭图像,则边框将填充整个图版。如果打开图像,边框宽度将相应调整。但是,对于不同的断点,边界需要稍微调整,我需要使用jQuery实现这一点

为了在没有媒体查询的情况下实现上述功能,我使用以下代码(#gb前缀是图像,#plateBorder是边框):

这适用于任何高于1200像素的物体

我正在使用引导断点,所以我需要使用这些维度

有人能解释一下如何使用吗

jQuery(window).resize(function()

我不清楚为什么需要在jQuery中这样做?修改CSS媒体查询中的边框更有意义。#gb前缀可以使用前端的选择字段进行选择。所以我需要边界在做出选择时做出反应。这是页面,您可以看到我在说什么:根据
选择
的值添加/删除一个类,然后在媒体查询中修改该类的样式。
jQuery(window).resize(function()