分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

jquery – 根据屏幕res更改javascript中的CSS类高度和宽度

jQuery   发布时间：2022-04-19  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 根据屏幕res更改javascript中的CSS类高度和宽度，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我希望div类’content’的大小根据@L_944_0@屏幕分辨率的大小而改变.

到目前为止我写了这个javascript

function resize()
{

    if ((screen.width>1024)) { $(".content").style.width = 560 + "px"; $(".content").style.height = 315 + "px" }
    if ((screen.width>1280)) { $(".content").style.width = 640 + "px"; $(".content").style.height = 360 + "px" }
    else { $(".content").style.width = 853 + "px"; $(".content").style.height = 480 + "px" }
};

显然在html中我有类’.content’

为什么这段代码不起作用？

解决方法

这里你的具体问题是你正在混合使用jQuery和原始javascript.

要使用jQuery设置元素的宽度,请使用width()或css()方法：

$(".content").width(560);
$(".content").css('width',560);

话虽如此,您可能最好不要查看浏览器大小,而不是屏幕分辨率.无论我的屏幕尺寸如何,您的内容都不应该响应浏览器的大小？我不保持浏览器全屏.

最后,看看css media queries甚至回应浏览器大小.有更好的方法来做到这一点.

大佬总结

以上是大佬教程为你收集整理的jquery – 根据屏幕res更改javascript中的CSS类高度和宽度全部内容，希望文章能够帮你解决jquery – 根据屏幕res更改javascript中的CSS类高度和宽度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：cssjavascriptjqueryres中宽度屏幕更改根据类高度
猜你在找的jQuery相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap