html - 如何制作随机大小的图像元素正方形并且响应迅速(%宽度而不是像素)?

标签 html css image

如何使随机大小的图像元素成为正方形并且响应迅速?

最佳答案

element.style.height = Math.floor(Math.random() * 101) + "%";
element.style.width = Math.floor(Math.random() * 101) + "%";

Math.floor() 返回小于或等于给定数的最大整数

Math.random() 返回一个介于 0 和 1 之间的数字。

请注意,我们使用的是 JavaScript,因为 HTML/CSS 无法生成随机数。

来自 https://css-tricks.com/generate-a-random-number/

关于html - 如何制作随机大小的图像元素正方形并且响应迅速(%宽度而不是像素)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38934382/

相关文章:

javascript - 动态更改 Marionette ItemView 模板

java - 如何将 HTML <table> 转换为二维数组

css - docx4j XHTMLImporter 将 CSS 类名称映射到 word 格式/样式

javascript - 更改导航项的颜色(下拉 - 单击)

javascript - 如何在 javascript 中使用 Loop 复制 HTML 元素

html - 我正在显示 'next page' 按钮的图像。但它没有显示在屏幕上

css - Angularjs 显示/隐藏和交替样式

javascript - 在 JavaScript 中单击时如何旋转单个图像的顺序?

html - 在 HTML 页面中实现 CSS 变量

image - 使用 PowerGUI 将 ps1 转换为 exe 时包含图片