zoukankan      html  css  js  c++  java
  • 专题页移动端适配实例

    <html>

        <head>
            <title>一元购专题页</title>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <style>
            html,body {
                margin:0;
                padding:0;
                background-size:cover;
            }
            .content {
                100%;
                height: 100%;
            }
            .content img {
                display: block;
                outline: none;
                border:0;
                100%;
            }
        </style>
        </head>

        <body>
            
        
            <table id="__01" class="content"   border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td>
                            <img src="images/1yg_01.png" alt=""   border="0" usemap="#Map"></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="images/1yg_02.png" alt=""   border="0" usemap="#Map2"></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="images/1yg_03.png" alt=""   border="0" usemap="#Map3"></td>
                    </tr>
                    <tr>
                        <td>
                            <img src="images/1yg_04.png" alt=""   border="0" usemap="#Map4"></td>
                    </tr>
                </tbody>
            </table>
            <!-- End Save for Web Slices -->

            <map name="Map">
              <area shape="rect" coords="2,2,627,499" href="#">
            </map>
            
            <map name="Map2">
              <area shape="rect" coords="6,2,616,242" href="#">
            </map>
            
            <map name="Map3">
              <area shape="rect" coords="1,1,632,254" href="#">
            </map>
            
            <map name="Map4">
              <area shape="rect" coords="2,2,651,316" href="#">
            </map>

        </body>

    </html>

  • 相关阅读:
    第二十四篇 玩转数据结构——队列(Queue)
    第二十三篇 玩转数据结构——栈(Stack)
    第二十二篇 玩转数据结构——构建动态数组
    第二十一篇 Linux中的环境变量简单介绍
    第二十篇 Linux条件测试语句相关知识点介绍
    第十九篇 vim编辑器的使用技巧
    第十八篇 Linux环境下常用软件安装和使用指南
    第十六篇 nginx主配置文件参数解释
    RAID磁盘阵列是什么(一看就懂)
    如何删除顽固文件或文件夹?
  • 原文地址:https://www.cnblogs.com/gxywb/p/10723119.html
Copyright © 2011-2022 走看看