Mobile 如何在Android浏览器中获取完整的有序列表

Mobile 如何在Android浏览器中获取完整的有序列表,mobile,html-lists,Mobile,Html Lists,这可能真的很简单,但我已经做了很长时间了,无法理解 如果我有一个简单的有序列表,当我在Fire Fox中查看它时,一切看起来都很好;该列表以浏览器的全宽显示 如果我在Android浏览器中查看同一页面,列表只占屏幕宽度的三分之一左右 我不明白,我没有应用CSS规则,为什么Android浏览器不使用全屏幕 这是我的HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html;

这可能真的很简单,但我已经做了很长时间了,无法理解

如果我有一个简单的有序列表,当我在Fire Fox中查看它时,一切看起来都很好;该列表以浏览器的全宽显示

如果我在Android浏览器中查看同一页面,列表只占屏幕宽度的三分之一左右

我不明白,我没有应用CSS规则,为什么Android浏览器不使用全屏幕

这是我的HTML:

<html>
<head>      
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>
<h2 style="text-align:center">This is a long heading which stretches across the page</h2>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dolor diam, lobortis eu volutpat in, accumsan vel massa. Curabitur justo mauris, tempus ut feugiat nec, pellentesque et felis. Proin aliquam varius mi a ultrices. Nam purus tellus, posuere hendrerit tristique at, blandit eu tellus. Curabitur egestas diam at nunc volutpat rhoncus. Cras elementum, magna id tristique porta, justo leo ultrices nisl, et rhoncus magna odio id purus. Aenean pretium augue ut metus congue sed lobortis urna varius. Duis augue diam, posuere sit amet viverra vel, facilisis ac odio. Vestibulum nisi orci, luctus vitae luctus eget, lacinia ut dui. Ut imperdiet, enim nec mattis laoreet, tellus elit bibendum elit, non imperdiet enim mauris eu risus. Curabitur faucibus urna sed turpis tincidunt pulvinar. Etiam tristique nisl eu nibh sodales at convallis mi mattis. Fusce imperdiet posuere lorem quis vulputate. Ut in leo in lorem fermentum hendrerit quis vitae velit. Phasellus tristique mi ac neque tempus sollicitudin. In nec interdum enim. Fusce id magna et ipsum lobortis cursus. Nunc eleifend volutpat elit, a adipiscing tellus posuere et. Phasellus id mauris ante, vehicula suscipit leo.</li><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dolor diam, lobortis eu volutpat in, accumsan vel massa. Curabitur justo mauris, tempus ut feugiat nec, pellentesque et felis. Proin aliquam varius mi a ultrices. Nam purus tellus, posuere hendrerit tristique at, blandit eu tellus. Curabitur egestas diam at nunc volutpat rhoncus. Cras elementum, magna id tristique porta, justo leo ultrices nisl, et rhoncus magna odio id purus. Aenean pretium augue ut metus congue sed lobortis urna varius. Duis augue diam, posuere sit amet viverra vel, facilisis ac odio. Vestibulum nisi orci, luctus vitae luctus eget, lacinia ut dui. Ut imperdiet, enim nec mattis laoreet, tellus elit bibendum elit, non imperdiet enim mauris eu risus. Curabitur faucibus urna sed turpis tincidunt pulvinar. Etiam tristique nisl eu nibh sodales at convallis mi mattis. Fusce imperdiet posuere lorem quis vulputate. Ut in leo in lorem fermentum hendrerit quis vitae velit. Phasellus tristique mi ac neque tempus sollicitudin. In nec interdum enim. Fusce id magna et ipsum lobortis cursus. Nunc eleifend volutpat elit, a adipiscing tellus posuere et. Phasellus id mauris ante, vehicula suscipit leo.</li><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dolor diam, lobortis eu volutpat in, accumsan vel massa. Curabitur justo mauris, tempus ut feugiat nec, pellentesque et felis. Proin aliquam varius mi a ultrices. Nam purus tellus, posuere hendrerit tristique at, blandit eu tellus. Curabitur egestas diam at nunc volutpat rhoncus. Cras elementum, magna id tristique porta, justo leo ultrices nisl, et rhoncus magna odio id purus. Aenean pretium augue ut metus congue sed lobortis urna varius. Duis augue diam, posuere sit amet viverra vel, facilisis ac odio. Vestibulum nisi orci, luctus vitae luctus eget, lacinia ut dui. Ut imperdiet, enim nec mattis laoreet, tellus elit bibendum elit, non imperdiet enim mauris eu risus. Curabitur faucibus urna sed turpis tincidunt pulvinar. Etiam tristique nisl eu nibh sodales at convallis mi mattis. Fusce imperdiet posuere lorem quis vulputate. Ut in leo in lorem fermentum hendrerit quis vitae velit. Phasellus tristique mi ac neque tempus sollicitudin. In nec interdum enim. Fusce id magna et ipsum lobortis cursus. Nunc eleifend volutpat elit, a adipiscing tellus posuere et. Phasellus id mauris ante, vehicula suscipit leo.</li><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dolor diam, lobortis eu volutpat in, accumsan vel massa. Curabitur justo mauris, tempus ut feugiat nec, pellentesque et felis. Proin aliquam varius mi a ultrices. Nam purus tellus, posuere hendrerit tristique at, blandit eu tellus. Curabitur egestas diam at nunc volutpat rhoncus. Cras elementum, magna id tristique porta, justo leo ultrices nisl, et rhoncus magna odio id purus. Aenean pretium augue ut metus congue sed lobortis urna varius. Duis augue diam, posuere sit amet viverra vel, facilisis ac odio. Vestibulum nisi orci, luctus vitae luctus eget, lacinia ut dui. Ut imperdiet, enim nec mattis laoreet, tellus elit bibendum elit, non imperdiet enim mauris eu risus. Curabitur faucibus urna sed turpis tincidunt pulvinar. Etiam tristique nisl eu nibh sodales at convallis mi mattis. Fusce imperdiet posuere lorem quis vulputate. Ut in leo in lorem fermentum hendrerit quis vitae velit. Phasellus tristique mi ac neque tempus sollicitudin. In nec interdum enim. Fusce id magna et ipsum lobortis cursus. Nunc eleifend volutpat elit, a adipiscing tellus posuere et. Phasellus id mauris ante, vehicula suscipit leo.</li>
</ol>

</body>
</html>

这是一个贯穿页面的长标题
  • Lorem ipsum dolor sit amet,是一位杰出的献身者。Pellentesque dolor diam,lobortis eu volatis in,accumsan vel massa。库拉比图尔·胡斯托·莫里斯、坦普尔·乌特·费吉亚·内克、佩伦茨克和菲利斯。阿利夸姆瓦里乌斯米阿乌尔特里斯。Nam purus tellus,posuere hendrerit tristique at,blandit eu tellus。在努克-帕特-朗卡斯的库拉比图尔·埃吉斯塔直径。基本元素,大元素,大元素,小元素,大元素。在奥古斯都和梅特斯之前,我们会将各种各样的乌龟凝结在一起。奥古斯·迪亚姆和波苏尔·阿梅特·维韦拉·维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·。耳鼻前庭,生命之光,酒醉之光。帝国主义饮食、埃尼姆·内克·马蒂斯·拉奥里特、泰勒斯·艾利特·比本杜姆·艾利特、非帝国主义饮食、埃尼姆·莫里斯·欧里斯。福西布斯策拉比图尔纳酒店。马蒂斯康瓦尔酒店的nisl eu nibh sodales餐厅。这是一个令人担忧的问题。但在狮子座的洛伦·弗雷森·亨德雷特·奎斯·维特·维利特。这是一个非常简单的过程。在nec interdum enim。大股和小叶同侧。努克·埃利芬德·帕特·埃利特,一位名叫泰勒斯·波苏尔和菲舍勒斯·艾德·莫里斯·安特的助手,是狮子座的交通工具。
  • Lorem ipsum Door sit amet,是一位杰出的助手。Pellentesque dolor diam,lobortis eu volatis in,accumsan vel massa。库拉比图尔·胡斯托·莫里斯、坦普尔·乌特·费吉亚·内克、佩伦茨克和菲利斯。阿利夸姆瓦里乌斯米阿乌尔特里斯。Nam purus tellus,posuere hendrerit tristique at,blandit eu tellus。在努克-帕特-朗卡斯的库拉比图尔·埃吉斯塔直径。基本元素,大元素,大元素,小元素,大元素。在奥古斯都和梅特斯之前,我们会将各种各样的乌龟凝结在一起。奥古斯·迪亚姆和波苏尔·阿梅特·维韦拉·维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·。耳鼻前庭,生命之光,酒醉之光。帝国主义饮食、埃尼姆·内克·马蒂斯·拉奥里特、泰勒斯·艾利特·比本杜姆·艾利特、非帝国主义饮食、埃尼姆·莫里斯·欧里斯。福西布斯策拉比图尔纳酒店。马蒂斯康瓦尔酒店的nisl eu nibh sodales餐厅。这是一个令人担忧的问题。但在狮子座的洛伦·弗雷森·亨德雷特·奎斯·维特·维利特。这是一个非常简单的过程。在nec interdum enim。大股和小叶同侧。努克·埃利芬德·帕特·埃利特,一位名叫泰勒斯·波苏尔和菲舍勒斯·艾德·莫里斯·安特的助手,是狮子座的交通工具。
  • Lorem ipsum Door sit amet,是一位杰出的助手。Pellentesque dolor diam,lobortis eu volatis in,accumsan vel massa。库拉比图尔·胡斯托·莫里斯、坦普尔·乌特·费吉亚·内克、佩伦茨克和菲利斯。阿利夸姆瓦里乌斯米阿乌尔特里斯。Nam purus tellus,posuere hendrerit tristique at,blandit eu tellus。在努克-帕特-朗卡斯的库拉比图尔·埃吉斯塔直径。基本元素,大元素,大元素,小元素,大元素。在奥古斯都和梅特斯之前,我们会将各种各样的乌龟凝结在一起。奥古斯·迪亚姆和波苏尔·阿梅特·维韦拉·维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·。耳鼻前庭,生命之光,酒醉之光。帝国主义饮食、埃尼姆·内克·马蒂斯·拉奥里特、泰勒斯·艾利特·比本杜姆·艾利特、非帝国主义饮食、埃尼姆·莫里斯·欧里斯。福西布斯策拉比图尔纳酒店。马蒂斯康瓦尔酒店的nisl eu nibh sodales餐厅。这是一个令人担忧的问题。但在狮子座的洛伦·弗雷森·亨德雷特·奎斯·维特·维利特。这是一个非常简单的过程。在nec interdum enim。大股和小叶同侧。努克·埃利芬德·帕特·埃利特,一位名叫泰勒斯·波苏尔和菲舍勒斯·艾德·莫里斯·安特的助手,是狮子座的交通工具。
  • Lorem ipsum Door sit amet,是一位杰出的助手。Pellentesque dolor diam,lobortis eu volatis in,accumsan vel massa。库拉比图尔·胡斯托·莫里斯、坦普尔·乌特·费吉亚·内克、佩伦茨克和菲利斯。阿利夸姆瓦里乌斯米阿乌尔特里斯。Nam purus tellus,posuere hendrerit tristique at,blandit eu tellus。在努克-帕特-朗卡斯的库拉比图尔·埃吉斯塔直径。基本元素,大元素,大元素,小元素,大元素。在奥古斯都和梅特斯之前,我们会将各种各样的乌龟凝结在一起。奥古斯·迪亚姆和波苏尔·阿梅特·维韦拉·维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·维维韦拉·维韦拉·维维韦拉·维韦拉·维韦拉·维韦拉·。耳鼻前庭,生命之光,酒醉之光。帝国主义饮食、埃尼姆·内克·马蒂斯·拉奥里特、泰勒斯·艾利特·比本杜姆·艾利特、非帝国主义饮食、埃尼姆·莫里斯·欧里斯。福西布斯策拉比图尔纳酒店。马蒂斯康瓦尔酒店的nisl eu nibh sodales餐厅。这是一个令人担忧的问题。但在狮子座的洛伦·弗雷森·亨德雷特·奎斯·维特·维利特。这是一个非常简单的过程。在nec interdum enim。大股和小叶同侧。努克·埃利芬德·帕特·埃利特,一位名叫泰勒斯·波苏尔和菲舍勒斯·艾德·莫里斯·安特的助手,是狮子座的交通工具
  • 有人知道如何解决这个问题吗

    截图如下


    请在头部标签之间添加以下元标签:

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

    它允许您控制视口的大小和比例。如果您需要更多信息,请访问此网站。

    如果有人有同样的问题,我已经找到了答案-这是ICS&JB中Android autofit的一个错误。姜饼看起来不错

    答案是:

    只需将此解决方法应用于所讨论的问题

    /* work around mobile device auto-fitting */
    @media only screen and (max-device-width: 800px) {
       #content p {
           background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); 
           background-repeat:repeat;
        }
    }
    

    谢谢你,梅达,但这并没有给我想要的效果。用我的原始代码,th