javascript - 如何在调整大小时保持浏览器窗口的纵横比?
问题描述
我有一些要求,要实现这一点,我需要保持 16:9 的比例或一些动态纵横比。假设我在浏览器窗口中有一个默认大小为 800 像素 * 350 像素的 div,基于该 800 * 350,我将获得保持的纵横比。所以现在我的要求是当我尝试调整窗口大小时,我想保持保留的纵横比。为避免一些奇怪的输出,当我扩展宽度时,应根据宽度扩展高度,但应保持该纵横比。前任。我在浏览器窗口中有 1600*900 显示器和相同的 16*9 纵横比 div,当我尝试调整浏览器窗口大小时,它应该保持 16*9。我故意不发布任何 javascript 代码。我只需要知道正确的方法。顺便说一句,我正在开发一个在画布上运行的游戏,它纯粹是 javascript。
解决方案
推荐阅读
- .net-core - Entity Framework Core - 当 IDENTITY_INSERT 设置为 OFF 时,无法在表“EntryType”中插入标识列的显式值
- spring - Oauth 2 - token_type 为“bearer”的令牌响应,当它应该是“Bearer”时
- excel - VBA 循环未正确循环
- html - 出现没有溢出的空滚动条
- react-native - React Navigation 5 Drawer initialRouteName 不起作用
- vb.net - VB.NET DataGridView 选择 Max NEGATIVE Number under 0
- python - 在另一个元素中搜索一个元素 [网络爬虫/python selenium]
- sql - 某些 Unicode 空间类别字符没有被 TRANSLATE 或 REPLACE 替换
- r - ggmap中带有自定义颜色代码的Voronoi镶嵌?
- reactjs - 针对复杂的交互式应用程序的基于 React 的 UI 框架建议