zoukankan      html  css  js  c++  java
  • 制作手机浏览器显示格式的HTML页面

    最近要推出手机支持访问的HTML页面效果,而这在制作手机页面的过程中状况连连。 主要一下就我制作的工程中所遇的问题说明一下:

    1. 改掉HTML页面声明:(以往大部分页面都是HTML4.0的声明)  还有很多参数可以配置大家可以google一下

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta content="width=device-width,user-scalable=no" name="viewport">

    2. 关于img标签的问题,可能会有些图片大小显示不一

    暂时只能用100%属性解决(height最好别写,不然图片上下左右拉伸,失真的厉害)。  忘大神告诉更牛逼的办法

    3. 关于head头部LOGO居中显示的问题

      大家可以参考网易手机新闻制作的页面

      下面是对head头部的图片进行居中显示的CSS

    .tou{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;margin-top: 10px;}
    .o{display: -webkit-box;height: 56px; 320px;background-size: 320px auto;background-repeat: no-repeat;background-image: url("/image/feihei_head.png");}

    HTML标签

    <div class="tou">
        <a href="http://m.nubb.com/app/ihwr_1.1.7.apk" class="o"></a>
    </div>

    最后出来的效果类似于网易新闻那链接里的

     

  • 相关阅读:
    用面向对象做练习题
    面向对象
    php数组
    PHP函数
    php语句函数
    mySQL函数
    mySQL相关知识
    mySQL建表及练习题(下)
    mySQL建表及练习题(上)
    HTML5 canvas画布标签
  • 原文地址:https://www.cnblogs.com/hongmaju/p/5381325.html
Copyright © 2011-2022 走看看