Question

我是编码的新手，是我第一次参加大学任务的网站，看来当我放大我的网站时，任何形式的冲突都会非常感激！

我正在使用的代码：

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet"  type="text/css" href="w3.css">
						<style>
							div.relative {
					position: relative;
					left: 5px;
					top:  115px;
						border: 0px solid #73AD21;
					}
						</style>
<style>
a {
    color: Black;
}
</style>
	<title>The Steakhouse</title>
		<style>
		body {
    background-image: url("Backgroundlol.jpg");
	background-size: 100%;
    background-repeat: no-repeat;
} 
<div>
h1 {
    position: center;
    left: 640px;
    top: 15px;
}
</div> 
</style>
<div>
<center>
<DIV style="position: absolute; top:100px; left:800px; width:500px; height:25px"> <center> <font size="7" face="Agency FB"> <b> The Steakhouse! </b> </font> <br> <b> Why don't you up the steaks a little?! </b> </center></DIV>
	<a href="Homepage.html"><IMG STYLE="position:absolute; TOP:5px; LEFT:2px; WIDTH:280px; HEIGHT:290px" SRC="steakhouse logo.png"></a>
	<IMG STYLE="position:absolute; TOP:5px; LEFT:400px; WIDTH:250px; HEIGHT:240px" SRC="a_burned.png">
	<IMG STYLE="position:absolute; TOP:5px; LEFT:1450px; WIDTH:250px; HEIGHT:250px" SRC="NRA1.png">
						
	<a href="http://www.facebook.com/TheSteakHouse"> <IMG STYLE="position:absolute; TOP:675px; LEFT:100px; WIDTH:75px; HEIGHT:75px" SRC="facebook.png"> </a>
	<a href="http://www.instagram.com/TheSteakHouse"> <IMG STYLE="position:absolute; TOP:775px; LEFT:100px; WIDTH:75px; HEIGHT:75px" SRC="instagram.png">
	<a href="http://www.twitter.com/TheSteakHouse"> <IMG STYLE="position:absolute; TOP:875px; LEFT:100px; WIDTH:75px; HEIGHT:75px" SRC="twitter.png">
	
	 <ul>
	 </div>
	<DIV style="position: absolute; top:300px; left:-380px; width:1000px; height:25px"> <center> <ul>
<font face="Agency FB" size="25" <li>LINKS:</li> </font> <br>
    <font face="Agency FB" size="25" <li><a href="About Us.html">About Us</a></li> </font> <br>
  <font face="Agency FB" size="25" <li><a href="Contact.html">Contact</a></li> </font> <br>
  <font face="Agency FB" size="25" <li><a href="Reservation.html">Reservation</a></li> </font> <br>
  <font face="Agency FB" size="25" <li><a href="Awards.html">Awards</a></li> </font> <br>
</ul> </center> </DIV>
<DIV style="position: absolute; top:765px; left:1000px; width:500px; height:25px"><h1> Recent News:</h1></DIV>
<DIV style="position: absolute; top:825px; left:890px; width:500px; height:25px"><H3>WEBSITE NOW OFFICIALLY LAUNCHED!</H3></DIV>
</head>
<body>
</body>
</html>

Answer 1

答案很简单，用于创建网站的元素相信是否存在像素固定天气情况的变化。
如果你想建立一个更加动态的网站，适用于各种分辨率（假设所有的都在计算机标准范围内，即不像移动设备那么小）将页面分解为其核心元素，例如Header，Body，Footer
根据可用屏幕的百分比创建内部元素因为，如果侧边栏占据身体的20％，那么无论表现如何相对。
提示：创建一个主要元素并修复其高度（比方说300px标题）然后，您可以将高度和宽度的百分比定义为各种标题元素希望我能帮忙，祝你好运。

HTML - 放大，需要帮助

1 个答案: