Android 网站在手机上显示不同?
我的简历网站在桌面上看起来很棒。然而,我发现我的HTML段落标记在不同的移动web浏览器上查看时无法正确缩放(请参见下面的附图) 我将这个CSS代码用于我的HTML段落标记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。有人能帮我确定问题以及如何解决吗 编辑:我
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,我已经尝试添加元名称,但不幸的是它没有起作用。谢谢你的建议,但是结果仍然是一样的:(谢谢你的建议,不过结果还是一样的。)(