如何規範我網站的瀏覽模式？

我正在開發我的網站，但我遇到了一些小問題。在我的電腦上，我可以看到我想要的網站，但是當我在筆記本上看到內容時，該內容非常合適！在我的電腦是正常的。我會讓你看到的網站。這是葡萄牙語，因爲我是巴西人。但請看看源代碼。或者更好的，我會通過你的代碼。權的內容的階級是：內容內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來更改網站的像素嗎？還是元標記？你能幫我嗎？謝謝！ :)

來源

2013-04-13 Manoel

我有三樣東西給你：

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-14 14:45:50 Hob

謝謝！是的，body和head標籤並不完全正確，因爲我使用它來在所有頁面中包含網站的菜單和默認內容：<？php include（「includes/padrao.php」）;？> 文件padrao包含默認內容將顯示在網站的所有頁面中。所以，身體和頭部不匹配。請查看我的網站的源代碼。謝謝:) – Manoel

哦，好吧，我忽略了PHP。希望其餘部分有意義！ – Hob

如何規範我網站的瀏覽模式？

回答

相關問題