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 回答