自己设计了一个网页出现了问题

初学者一枚今天想把网页做成自适应的结果就出现了一堆乱七八糟的东西估计是调用了 html5.js原因不知道具体原因

点了这个允许阻止就好了那手机上怎么办？手机上也全是乱码

这是什么？

你把代码打出来，我看看

也许是书写格式不规范。

楼主最好吧源代码爆出来大神才能指点你！

<body>
<div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1">
<img style="position:absolute;" src="index.jpg" height="100%" width="100%" />
</div>
<div id="main" style="position:absolute; z-indent:2; left:7%; top:6%; font-family: '黑体'; font-size:300%"><a href="index.html"><strong>首页</strong></a></div>
<div id="main" style="position:absolute; z-indent:2; left:22%; top:6%; font-family: '黑体';font-size:300%"><a href="youxi.html"><strong>游戏介绍</strong></a></div>
<div id="main" style="position:absolute; z-indent:2; left:83%; top:6%; font-family: '黑体';font-size:300%"><a href="picture.html"><strong>壁纸欣赏</strong></a></div>
<div id="main" style="position:absolute; z-indent:2; left:67%; top:6%; font-family: '黑体';font-size:300%"><a href="jiqiansai.html"><strong>S6季前赛</strong></a></div>
<span style="position:absolute;left: 41%; top: 90%;">
<img src="452.jpg" />
</span>
<!–[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]–>
<link href="media-queries.css" rel="stylesheet" type="text/css">
<!–[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
首页的代码主体是这样的我把关于html5的东西都删掉就不会出现那些东西了
现在就是想弄自适应的首页但是在手机上上面那些字特别大就是首页游戏介绍壁纸欣赏那些电脑上不同分辨率的暂时没发现什么问题

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
/* pagewrap */
#pagewrap {
width: 95%;
}
/* content */
#content {
width: 60%;
padding: 3% 4%;
}
/* sidebar */
#sidebar {
width: 30%;
}
#sidebar .widget {
padding: 8% 7%;
margin-bottom: 10px;
}
/* embedded videos */
.video embed,
.video object,
.video iframe {
width: 100%;
height: auto;
min-height: 300px;
}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
/* header */
#header {
height: auto;
}
/* search form */
#searchform {
position: absolute;
top: 5px;
right: 0;
z-index: 100;
height: 40px;
}
#searchform #s {
width: 70px;
}
#searchform #s:focus {
width: 150px;
}
/* main nav */
#main-nav {
position: static;
}
/* site logo */
#site-logo {
margin: 15px 100px 5px 0;
position: static;
}
/* site description */
#site-description {
margin: 0 0 15px;
position: static;
}
/* content */
#content {
width: auto;
float: none;
margin: 20px 0;
}
/* sidebar */
#sidebar {
width: 100%;
margin: 0;
float: none;
}
#sidebar .widget {
padding: 3% 4%;
margin: 0 0 10px;
}
/* embedded videos */
.video embed,
.video object,
.video iframe {
min-height: 250px;
}
}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
html {
-webkit-text-size-adjust: none;
}
/* main nav */
#main-nav a {
font-size: 90%;
padding: 10px 8px;
}
#main{ font-size:12px;}
}
这个是自适应的CSS

网址是 loveheye.com 大家可以用手机上去看看问题

。

再来给楼主顶顶

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

13回复贴，共1页

<<返回网页设计吧

分享到:

日	一	二	三	四	五	六

自己设计了一个网页 出现了问题

扫二维码下载贴吧客户端

自己设计了一个网页出现了问题