Android 网站在手机上显示不同?

Android 网站在手机上显示不同?,android,html,css,Android,Html,Css,我的简历网站在桌面上看起来很棒。然而,我发现我的HTML段落标记在不同的移动web浏览器上查看时无法正确缩放(请参见下面的附图) 我将这个CSS代码用于我的HTML段落标记 p { font-family: 'Lato', sans-serif; color: #b3b3b3; font-weight: 400; line-height: 1.8em; } 我的最终目标是让我的网站看起来像所有移动网络浏览器的截图1。有人能帮我确定问题以及如何解决吗 编辑:我

我的简历网站在桌面上看起来很棒。然而,我发现我的HTML段落标记在不同的移动web浏览器上查看时无法正确缩放(请参见下面的附图)

我将这个CSS代码用于我的HTML段落标记

p {
    font-family: 'Lato', sans-serif;
    color: #b3b3b3;
    font-weight: 400;
    line-height: 1.8em;
}
我的最终目标是让我的网站看起来像所有移动网络浏览器的截图1。有人能帮我确定问题以及如何解决吗

编辑:我遗漏了一个重要的细节,我的网站内容都位于一个表中。它的格式是这样的

<table width="900" border="0" cellpadding="4" align="center">
<tbody>
<tr>
<td class="background">

<!-- all websites HTML here -->

</td>
</tr>
</tbody>
</table>

我还发现,我还可以使用以下CSS和HTML来集中我的网站(这可能比将我的所有内容放在一个表中要好)

#换页{
宽度:800px;
保证金:0自动;
}
试试这些:

@media only screen and (max-width: 320px) {
    /* Styles */
}


/* Tablet (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Styles */
}


/* Tablet (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
}


/* Tablet (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles */
}

@media screen and (min-width: 37em) {}
试试这些:

@media only screen and (max-width: 320px) {
    /* Styles */
}


/* Tablet (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Styles */
}


/* Tablet (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
}


/* Tablet (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles */
}

@media screen and (min-width: 37em) {}

你能试试
?你在哪里为你的段落设置字体大小?我没有为我的段落设置字体大小。我应该使用字体大小:1em;?我建议使用更灵敏的设计。屏幕截图1在手机上的体验非常糟糕。而且
font-size:1em
不会做任何事情
em
s是一个相对单位,1基本上表示当前大小的100%。@Sean_Codes,我尝试添加元名称,但不幸无效。您可以尝试
?您在哪里设置段落的字体大小?我没有为段落设置字体大小。我应该使用字体大小:1em;?我建议使用更灵敏的设计。屏幕截图1在手机上的体验非常糟糕。而且
font-size:1em
不会做任何事情
em
s是一个相对单位,1基本上意味着当前大小的100%。@Sean_Codes,我已经尝试添加元名称,但不幸的是它没有起作用。谢谢你的建议,但是结果仍然是一样的:(谢谢你的建议,不过结果还是一样的。)(