如何使用jQuery确定浏览器视口的大小,并在页面调整大小时重新检测?我需要在这个空间中建立一个IFRAME大小(每个边缘都有一点).
对于那些不知道的人,浏览器视口不是文档/页面的大小.它是滚动前窗口的可见大小.
我想为<img>HTML中的元素实现以下功能,仅使用CSS:
width: calc(100% - 20px)
height: calc(width * 0.5625) /*16:9 aspect ratio*/
Run Code Online (Sandbox Code Playgroud)
互联网上有关于<div>元素及其背景的类似例子.但是在<img>元素的情况下,更改填充不起作用
Similair示例: 使用CSS维护div的宽高比
编辑,使用jQuery可以实现上述:
$(".myImage/s").outerHeight($(".myImage/s").outerWidth() * 0.5625);
Run Code Online (Sandbox Code Playgroud)