Size 如何规范我的网站的浏览模式？_Size_Screen Orientation

Size 如何规范我的网站的浏览模式？

Size 如何规范我的网站的浏览模式？,size,screen-orientation,Size,Screen Orientation,我正在开发我的网站，但我有一个小问题。在我的电脑上，我可以看到我想要的网站，但当我在笔记本上看到的时候，一个内容是非常正确的！在我的电脑里是正常的。我会把网站给你看。是葡萄牙语的，因为我是巴西人。但是请看一下源代码。或者更好，我会把密码传给你。右侧内容的类别为：内容内部jogo destaque 这是代码： CSS: HTML: 乔戈达塞马纳：电光石火3 好的，这里是网站：请看一看，如果有什么不对劲，请告诉我。我可以用CSS来改变网站的像素吗？还是元标记？你能帮助我吗？谢谢！：）

我正在开发我的网站，但我有一个小问题。在我的电脑上，我可以看到我想要的网站，但当我在笔记本上看到的时候，一个内容是非常正确的！在我的电脑里是正常的。我会把网站给你看。是葡萄牙语的，因为我是巴西人。但是请看一下源代码。或者更好，我会把密码传给你。右侧内容的类别为：内容内部jogo destaque 这是代码： CSS:

HTML:


乔戈达塞马纳：
电光石火3

好的，这里是网站：请看一看，如果有什么不对劲，请告诉我。我可以用CSS来改变网站的像素吗？还是元标记？你能帮助我吗？

谢谢！：）

我有三件事要告诉你：

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>


#包装器{width:'无论内容的宽度是多少'；}

如果您愿意（可选），现在还可以将所有内容整齐地放在中心位置：

body{text align:center；}

2）对于跨设备兼容性，帮助查看问题的标准是此元标记：

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

关于该标签的进一步研究可在此处找到：

3）仔细检查你的身体、头部、脚部等所有标签！他们没有被正确地执行

希望这有帮助

谢谢大家!！是的，body和head标记并不完全正确，因为我使用它在所有页面中包括菜单和站点的默认内容：padrao文件包含站点所有页面中显示的默认内容。因此，身体和头部将不匹配。请看一下我网站的源代码。谢谢：）哦，好吧，我忽略了PHP。希望其余的部分都有意义！

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

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