Jquery 在HTML中创建大小为100%x 660 px的响应横幅

我想创建一个全屏幕大小为100%x600px的响应横幅

这是我的密码

/*默认高度*/
#广告{
高度：660px；
宽度：100%；
}
@仅介质屏幕和（高度：90px）{
/*90像素高*/
#广告{
高度：690px；
宽度：100%；
}
}
@仅介质屏幕和（高度：125px）{
/*125像素高*/
#广告{
高度：125px；
宽度：100%；
}
}
.kk{
背景图片：url（/product/ProductDevelopmentBanner.jpg？expires=31536000）！重要；
背景尺寸：封面；
背景附件：固定；
背景重复：无重复；
}
//在部分中，kk类显示横幅

我假设您希望减小小屏幕上横幅的高度，因为小屏幕的宽度较低。您可以尝试在平板电脑和智能手机上降低高度：

@media screen and (max-width: 768px) {
   #ad {
      height: 125px;
   }
}

顺便说一下，“@media only screen and”仅适用于桌面屏幕。我不确定，这是否是你想要的