为了账号安全,请及时绑定邮箱和手机立即绑定

有没有办法直接通过javascript获得响应式网页设计

有没有办法直接通过javascript获得响应式网页设计

阿晨1998 2022-01-01 20:27:31
我正在构建一个网站,其中一部分是使用 JavaScript 的 createElement 属性构建页面。对于 Web 浏览器,我拥有一切美好而漂亮的东西,这肯定符合我的喜好,但我需要将它缩小到移动设备的规模,而且我在网上找不到这些信息。我知道使用 CSS 可以使用 @media(max-width: ****) ,但是是否有与此等效的 javascript?到目前为止,我还不是 100% 熟悉 jQuery,但我可以很好地理解代码,所以如果有 jQuery 代码可用于此,我愿意尝试一下,感谢您的帮助!
查看完整描述

3 回答

?
冉冉说

TA贡献1877条经验 获得超1个赞

你所有的样式都应该用 CSS 而不是 javascript 来完成。

您可以查看 Bootstrap(css 框架),它使开发响应式网站变得容易。


查看完整回答
反对 回复 2022-01-01
?
HUX布斯

TA贡献1876条经验 获得超6个赞

您可以检查实际窗口是否是移动设备,然后您可以使用 setAttribute 来制作您的自定义 CSS。

Window 接口的 matchMedia() 方法返回一个新的 MediaQueryList 对象,表示指定媒体查询字符串的解析结果。然后可以使用返回的 MediaQueryList 来确定文档是否与媒体查询匹配,或监视文档以检测它何时匹配或停止匹配媒体查询。


查看完整回答
反对 回复 2022-01-01
?
噜噜哒

TA贡献1784条经验 获得超7个赞

使用的省时选项: 1. Javascript + CSS 媒体查询 2. Bootstrap CSS 框架 - 简单且非常有效

可以使用带有 window.width 的 resize 函数来控制屏幕的大小。


查看完整回答
反对 回复 2022-01-01
  • 3 回答
  • 0 关注
  • 219 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号