0

我正在开发我的网站,但我遇到了一个小问题。在我的电脑上我可以看到我想要的网站,但是当我在我的笔记本上看到时,内容非常正确!在我的电脑上是正常的。我有网站给你看。这是葡萄牙语,因为我是巴西人。但是请看一下源代码。或者更好,我会为你传递代码。右边内容的 CLASS 是:content-inner-jogo-destaque 这是代码:CSS:

.content-inner-jogo-destaque
{
position:absolute;
top:15px;
right:15px;
width:200px;
background-color: #ffffff;
padding: 10px 10px;
-webkit-box-shadow: inset 0 0 10px #1f325d;
-o-box-shadow: inset 0 0 10px #1f325d;
-moz-box-shadow: inset 0 0 10px #1f325d;
-ms-box-shadow: inset 0 0 10px #1f325d;
box-shadow: inset 0 0 10px #1f325d;
border-left: 3px solid #eeeeee;
border-right: 3px solid #eeeeee;
border-bottom: 3px solid #eeeeee;
border-top: 3px solid #eeeeee;
}

HTML:

<body>
<div class='content-inner-jogo-destaque'>
<p>Jogo da semana:</p>
<a href="testando"><img src="imagens/semana1.jpg" title="Clique para ir para a 
p&aacute;gina do jogo da semana" style="width:200px"/></a>
<font size="3"><font face="verdana,geneva">Dragon Ball Z Budo<font size="3">kai Tenkaichi 3</font></font></font>
</div>
</body>

好吧,这里是网站:www.ganggames.p.ht 请看看,如果有什么问题告诉我。我可以使用 CSS 来更改网站的像素吗?还是元标记?你能帮助我吗?谢谢!:)

4

1 回答 1

0

我有 3 件事要给你:

1)我认为您的内容显示在页面右侧的主要原因是因为您的内容设置为“位置:绝对”,然后您告诉它与页面右侧保持 15px 的距离。这意味着无论您的屏幕有多大或多小,DIV 总是距离页面右侧 15px。

如果将所有内容包装在具有设定宽度的 DIV 中,则可以保留当前拥有的代码:

<head>
    <style>#wrapper {width: 'whatever-your-content-width-is';}</style>
</head>
<body>
    <div id="wrapper">
        <!--ALL OF YOUR CONTENT-->
    </div>
</body>

如果您愿意,您现在还可以整齐地将所有内容居中(可选)

<style>body {text-align: center;}</style>

2)对于跨设备兼容性,帮助查看问题的标准是此元标记:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

可以在这里找到对该标签的进一步研究: https ://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

3)仔细检查您所有的身体、头部、脚部等标签!它们没有正确执行。

希望这有帮助!

于 2013-04-14T14:45:50.717 回答