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>

  • 相关阅读:
    java中并发包简要分析01
    java中的集合包简要分析
    多线程学习——终结任务
    大型高并发高负载网站的系统架构
    An expression evaluator
    java公式解析器学习与开发(2)——前缀表达式
    java公式解析器学习与开发(1)
    程序员遇到bug时常见的30种反应
    图论--SCC强连通缩点--Tarjan
    图论--割边--Tarjan模板
  • 原文地址:https://www.cnblogs.com/gxywb/p/10723119.html
Copyright © 2011-2022 走看看