0
안녕하세요, 저는 HTML의 디자인을 자동으로 설정하는 방법에 대해이 형식이 새로 도입되었습니다.html 레이아웃의 크기를 자동으로 설정하는 방법은 무엇입니까?
여기 내 PC에서는 제대로 작동하지만 형식이나 레이아웃이 손상되지 않지만 다른 PC에서 작업 할 때 형식이 잘못되었습니다.
내 배경과 형식이 손상되기 전에 흰색 배경이 있습니다. 내 컴퓨터 모니터는 18 인치이고 다른 노트북은 23 인치입니다.
나는 문제가 무엇인지 알아보기 위해 노력하지만 최선의 해결책은 모른다.
제대로 작동하려면 어떤 코드를 사용해야합니까?
<!DOCTYPE html>
<html lang="en">
<head>
<title>IT Course SUPPLIES</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="iicon.jpg">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="bootstrap2.js">
<script src="bootstrap1.js"></script>
<script src="bootstrap.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" ><font color="#FF0066">IT COURSE SUPPLIES</font></a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">First Year <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="1.html"> Analytic Geometry: with more Applications and Special Topics</a></li>
<li><a href="2.html">Differential Equations: A Simplified Approach</a></li>
<li><a href="3.html">Basic Calculus</a></li>
<li><a href="a.html">Simplified Approach to Integral Calculus</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">2nd Year <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="4.html">Crimping Tool</a></li>
<li><a href="5.html">RJ45 + RJ11 Cable Tester</a></li>
<li><a href="6.html">RJ45 Toolless Jacks</a></li>
<li><a href="8.html">Discrete Mathematics 1</a></li>
<li><a href="9.html">General Statistics for College Students: Text/Workbook</a></li>
<li><a href="10.html">CISCO CERTIFIED CCNA Routing and Switching Laboratory Manual</a></li>
<li><a href="11.html">CAT5E Network Cable</a></li>
<li><a href="12.html">RJ45 heads</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">3rd Year <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="13.html">Rizal Prose</a></li>
<li><a href="14.html">Rizal's Poems</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</div>
</nav>
<br />
<br />
<br />
<style>
body {
background-image: url('12.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 200px 50px;
}
</style>
<style>
div.absolute {
position: absolute;
top: 100px;
right: 400px;
width:500px;
height: 100px;
}
</style>
<div class="absolute">
<h1>about IT Online Course store</h1>
<p>
IT Online Course online store delivers digital products to your door.<br>
You can now get the latest high-tech products delivered straight to your door with IT Online Course.<br>
You can also choose from a new range of products and services ideally suited to meet <br>
the needs of the modern traveler.</p>
</div>
</body>
</html>당신은 코드를 Here 감사를 찾을 수 있습니다!
을 제공합니다. –
안녕 케니, 이걸 읽어보십시오 : http://stackoverflow.com/help/how-to-ask – Pete
[link] http://pastebin.com/Xbc0YPbB 여기에 내 코드 @ Error404 –