html – CSS字体大小在移动设备上无法正常工作

概述我正在为一所小学项目工作,我们必须要加入 html5和 css3.现在正在开始阶段,因为我正在为移动设备和桌面版本创建两个单独的css文件. 对于手机版本,我正在尝试让菜单显示为列表,但更大的字体.我绝对不会这样工作. 这是菜单的css： nav ul { list-style: none; background-color: green; padding: 0;}n 我正在为一所小学项目工作,我们必须要加入 html5和 css3.现在正在开始阶段,因为我正在为移动设备和桌面版本创建两个单独的CSS文件.

对于手机版本,我正在尝试让菜单显示为列表,但更大的字体.我绝对不会这样工作.

这是菜单的CSS：

nav ul {    List-style: none;    background-color: green;    padding: 0;}nav li {    border-bottom: 1px solID black;    padding: 5px;}nav {    margin-top: -36px;    wIDth: 100%}nav h1{    margin: 0;}

这在我的桌面上创建以下内容
在我的iPhone上

文件顶部的HTML中的Font-size设置为1em.但是1em对于移动设备来说不够大,所以我想要更大,这似乎是不可能的.

即使我给nav h1一个10em的字体大小,它不会比这更大：

在我的桌面上,它的工作没有问题,它看起来像这样：

当尝试使“博客帖子”更大时,也会出现同样的问题,他们根本不会这样做.

我通常在使用CSS时没有任何麻烦,但是这次我无法弄清楚.希望有人能帮忙！我觉得这是非常明显的.

这是完整的CSS：http://snipt.org/zLic5

这是HTML：http://snipt.org/zLid2

解决方法 我看到你的HTML代码.您没有添加任何元标记.某些元标记是必需的,当您开发移动网站时,

例如你必须添加 –

<Meta name="HandheldFrIEndly" content="true" /><Meta name="MobileOptimized" content="320" /><Meta name="vIEwport" content="initial-scale=1.0,maximum-scale=1.0,wIDth=device-wIDth,user-scalable=no" /><Title>Welcome to your school name</Title><!-- smart phone CSS  --><link href="assets/phone.CSS" rel="stylesheet" type="text/CSS" media="all and (min-wIDth: 0px) and (max-wIDth: 480px)" /><!-- tablet --><link href="assets/tablet.CSS" rel="stylesheet" type="text/CSS" media="all and (min-wIDth: 481px) and (max-wIDth: 800px)" /><!-- Desktop --><link href="assets/desktop.CSS" rel="stylesheet" type="text/CSS" media="only screen and (min-wIDth:801px)">

总结

以上是内存溢出为你收集整理的html – CSS字体大小在移动设备上无法正常工作全部内容，希望文章能够帮你解决html – CSS字体大小在移动设备上无法正常工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。