Html5 手机端网页不允许缩放

本文提供了一个HTML页面布局示例,重点展示如何使用内联样式实现导航栏的水平显示,并给出了具体的代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=1.0" />
    <style>
        nav ul li
        {
            display: inline;
        }
    </style>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#">首页11122</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
                <li><a href="#">首页1</a></li>
            </ul>
        </nav>
    </header>
    <p>
        <ul>
            <li><a href="http://space.cnblogs.com/forum/public" target="_blank">反馈或建议</a></li>
            <li><a href="http://www.cnblogs.com/cmt/" target="_blank">官方博客</a></li>
            <li><a href="/skins.aspx" target="_blank">博客模板</a></li>
            <li><a href="http://www.blogjava.net/">Java博客</a></li>
            <li><a href="http://www.cppblog.com/">C++博客</a></li>
            <li><a href="http://www.cnblogs.com/cmt/archive/2009/09/26/1574616.html">手机版</a></li>
        </ul>
    </p>
    <footer>
    <div><a href="/AboutUS.aspx">关于博客园</a><a href="/ContactUs.aspx">联系我们</a>&copy;2004-2017<a href="http://www.cnblogs.com/">博客园</a>保留所有权利<a href="http://www.miitbeian.gov.cn" target="_blank">沪ICP备09004260号</a></div>
    </footer>
</body>
</html>

 

转载于:https://www.cnblogs.com/ligenyun/p/7861999.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值