gpt4 book ai didi

html - 当我调整窗口大小时,网页会更改样式。我可以让它在任何大小的窗口中看起来都一样吗

转载 作者:行者123 更新时间:2023-11-27 23:53:11 26 4
gpt4 key购买 nike

<style>html {
background-color: snow;
width: 100%;
}

header {
font-size: 60;
background-color: black;
color: white;
font-family: "algerian";
text-align: center;
}

div {
padding: 100;
background-color: grey;
float: left;
height: 250;
padding-bottom: 700;
}

#intro {
float: left;
padding-left: 100;
padding-top: 50;
font-family: "timesnewroman";
font-size: 30;
}

#ii {
float: left;
background-color: black;
font-size: 40;
background-width: 1500;
color: floralwhite;
padding-left: 500;
}

</style>
<html>

<header>MY PROFILE</header>


<div>insert image</div>

<body>


<section>

<p id="ii"><b>PERSONAL DETAILS</b></p>

</section>

<section id="intro">

<p>
<B><br><br>Name &emsp; &emsp; &emsp; :</B> [name of the person] </p>

</section>

</body>

</html>

当我调整窗口大小时,创建的网页会更改外观或样式。我可以让网页的对齐方式保持不变吗?

例如:当窗口处于全屏状态时,左右两侧的对齐是完美的。但是当我缩小窗口的尺寸时。左边的内容保留,右边的内容在整个左边的内容结束后移到底部

我已经尝试更改 image 中的视口(viewport)窗口变小后,名称的详细信息向下移动。

最佳答案

这是你要找的吗?

<!DOCTYPE html>
<html>
<body onresize="resize()">
<p id="size"></p>
<script>
function resize()
{
var width = window.outerWidth;
var height = window.outerHeight;
var sizes = "Window size: width=" + width + ", height=" + height;
document.getElementById("size").innerHTML = sizes;
}
</script>
</body>
</html>

您可以使用 window.outerWidth 和 height 来定位文本/元素...如果您需要更多帮助,您介意发布代码以便我看一下吗?谢谢:)

关于html - 当我调整窗口大小时,网页会更改样式。我可以让它在任何大小的窗口中看起来都一样吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56406986/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com