Javascript 在两种方向模式下使用CSS缩放扩展的div以填充视口

Javascript 在两种方向模式下使用CSS缩放扩展的div以填充视口,javascript,html,ios,css,fullscreen,Javascript,Html,Ios,Css,Fullscreen,我正在为平板电脑开发,目标是让横幅的扩展部分,在平板电脑上扩展到全屏。由于手机浏览器不支持全屏显示,我希望能找到另一种解决方案。目前,div具有固定的宽度和高度,用于纵向和横向 目标:平板电脑:在纵向+横向视图中缩放div以填充高度,最好仅使用CSS或基本JS 我不知道该怎么办。谢谢你的帮助 我不完全确定你说的是什么,但请看一下媒体查询。他们可能是你正在寻找的,这是纯粹的css 您好,我想澄清一下:我的设计是针对目标设备iPad 768x1024的视口进行设置的。基于媒体对纵向和横向方向的查询,

我正在为平板电脑开发,目标是让横幅的扩展部分,在平板电脑上扩展到全屏。由于手机浏览器不支持全屏显示,我希望能找到另一种解决方案。目前,div具有固定的宽度和高度,用于纵向和横向

目标:平板电脑:在纵向+横向视图中缩放div以填充高度,最好仅使用CSS或基本JS


我不知道该怎么办。谢谢你的帮助

我不完全确定你说的是什么,但请看一下媒体查询。他们可能是你正在寻找的,这是纯粹的css

您好,我想澄清一下:我的设计是针对目标设备iPad 768x1024的视口进行设置的。基于媒体对纵向和横向方向的查询,它可以完美地显示内容,但是由于iOS Safari不支持全屏显示,我如何确保显示整个div的内容,而不会因为浏览器窗口显示而被切断。谢谢@user2163224请包含您的代码,或者更好,创建一个JSFIDLE,以便我能够正确地看到您的问题。谢谢