如何解决如何将最大宽度大于100%的iframe居中对齐,以便裁剪一些iframe宽度?
我正在使用iframe来显示尺寸为1920x1080的画布运行时。
我希望能够将iframe保持水平居中,最大宽度为170%,这样,无论哪种尺寸,最多可以裁剪35%的iframe,但是高度始终会填充100%的帧,除了何时这样做会使水平宽度超过170%。
这是我当前的iframe样式代码。除了iframe始终固定在浏览器框架的左侧边缘之外,它实际上都可以正常工作,因此,当我水平缩小浏览器时,它将仅在右侧裁剪多达70%的框架,而不是在两种尺寸上均等。
.frame {
display: flex;
width: 1920px;
max-width: 170%;
height: 100%;
padding: 0;
border: 0 none;
}
编辑:这是@Dan的有用响应后现在设置我的样式的方式(添加了隐藏的溢出以删除滚动条)
body {
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
.frame {
padding: 0;
border: 0 none;
width: 1920px;
max-width: 170%;
height: 100%;
position: absolute;
}
有关我仍然遇到的小问题,请参见下面的答复。
解决方法
我能够在以下设置下使用它。
fun main(args: Array<String>) {
val scanner = Scanner(System.`in`)
val num1: Int = scanner.nextInt()
var nums = arrayListOf<Int>()
val smallestElement = nums.min()
repeat (num1) {
nums.add(scanner.nextInt())
}
println(smallestElement)
}
现在为body
,display: flex
为iframe
这两个共同努力取得了预期的效果。让我知道结果如何。
position: absolute;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。