博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery使容器自适应浏览器窗口
阅读量:7113 次
发布时间:2019-06-28

本文共 362 字,大约阅读时间需要 1 分钟。

一、几个关键点

      1:当文档大小改变时可以通过哪个事件来触发?

           resize([Data], fn) 可传入data供函数fn处理。

          示例:       

$(window).resize(function(){      alert("Stop it!");  });

     2:怎样获得浏览器窗口的宽度高度?    

           获取当前浏览器窗口的宽度

$(window).width();

    获取第一段的宽

$("p").width()

       获取当前HTML文档宽度

$(document).width();

       3:怎样赋值?

           方法很多,可以通过css(...)、width(...)等

二、举个例子

 

    
jquery自适应demo
这是一个可以自适应窗口的DIV

 

转载地址:http://tqghl.baihongyu.com/

你可能感兴趣的文章
深入学习js之——参数按值传递#9
查看>>
Jackson使用指南
查看>>
Kotlin1.3 协程Api详解:CoroutineScope, CoroutineContext
查看>>
产品思维
查看>>
Flutter 入门指北(Part 2)之基础部件
查看>>
关于前端脚本异常监控的思考
查看>>
Observer源码解析
查看>>
java获取B站弹幕文件的两种方案
查看>>
常用Json工具类
查看>>
数据类型,及深拷贝
查看>>
在 iOS 中使用 GLSL 实现抖音特效
查看>>
Android无障碍:通过Java设置contentDescription (GridView item)
查看>>
【Javascript】探究javascript中的堆/栈/任务队列与并发模型 event loop的关系
查看>>
《Miss Talk》第04期:对话凯叔讲故事 曲艳颂
查看>>
基于React Native和Ethers.js的电子钱包(二):路由和导航
查看>>
深入理解OSGi类加载机制
查看>>
dva-plugin-common发布.
查看>>
分享几个Python小技巧函数里的4个小花招
查看>>
input file上传base编码图片及上传同一张图片
查看>>
爬虫网页解析之css用法及实战爬取中国校花网
查看>>