平板电脑和移动设备上的网站不正确

Question

我的网站是＆＃34; www.euromoneyfinancial.com＆＃34; 。我希望我的网站宽度为1200px并集中对齐。它在我的笔记本电脑上正常显示。但它在平板电脑和手机上是正确的。
正文标记中的代码是： -

body {
font: 12px/20px Arial,Helvetica,sans-serif;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:20px;
color:#666565;
position:relative;
width: 1200px;
background: #000;
margin-left:72px;}

有人可以建议编码中的错误或任何替代方案来实现我的网站所需的布局吗？

Answer 1

用以下内容替换当前的html和body标签：

html {
display: table;
margin: auto;
}

 body {
 font: 12px/20px Arial,Helvetica,sans-serif;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 line-height: 20px;  
 color: rgb(102, 101, 101);
 position: relative;
 width: 1200px;
 background: rgb(0, 0, 0);
 }

` 让我知道它是否适合您！