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>

  • 相关阅读:
    跨浏览器右键复制实现
    在eclipse里如何快速定位到某一行?
    为数据库中的表添加字段步骤
    一键安装openstack juno 之controller node.
    Linux的/etc/services文件的作用?
    docker and ssh issues
    yum change source repo centos共存安装sun jdk6和jdk7
    random and password 在Linux下生成crypt加密密码的方法,shell 生成指定范围随机数与随机字符串
    OpenStack,ceph
    那些证书相关的玩意儿(SSL,X.509,PEM,DER,CRT,CER,KEY,CSR,P12等)[zz]
  • 原文地址:https://www.cnblogs.com/gxywb/p/10723119.html
Copyright © 2011-2022 走看看