zoukankan      html  css  js  c++  java
  • 手机网页制作注意事项,持续更新中……

    我是新手,第一次写这样的文章,还希望大家多提建议和指导一下才是!

    现在手机领域呈现出三足鼎立的时态,而智能手机普及程度也达到了前所未有的程度!那么这样的普及程度,也带来了人们使用手机浏览网页会更多!但是电脑的网页在手机浏览的时候就被缩小很多,要双击或者拉大才能看清楚。值得庆幸的事,这些三足鼎立的操作系统都是支持html5的!所以用html5制作手机网页是首选之中的首选!

    1.在制作手机网页的时候,务必在head里面加上如下代码:

    <meta name="viewport" content="width=device-width"/> 
    <meta name="format-detection" content="telephone=no" />
    

      

    在做成html页面的时候我已经加上去了,但是到程序员编写程序的时候没有把这句加上去,导致手机浏览网页就像浏览我们电脑网页一样,变得很小!找了好久没有找到,起初以为是样式问题呢 嘿嘿!

    2.现在智能手机(Iphone、Android)的内置浏览器都是基于webkit内核的,平且几乎完美支持html5+css3,所以在开发手机web,最好用html5+css3!至于为什么,自己去google一下或者百度一下。

    (1)首先要熟悉和了解html5+css3,了解webkit内核是什么,其实这个在写css样式时这样写:-webkit-,比如常用到的-webkit-box-sizing:border-box;

    (2)做网页,大多数会用js写一些效果,同样在手机网页里,我们也可以用js写一些效果,但是有的js事件在手机网页里面不兼容,比如我上次改版我们公司的协同网页手机版的时候发现:

    obj.live("click",function(){
    alert(0);
    })
    

    上面的大代码在安卓手机是执行的,但是在iPhone(苹果)手机自带浏览器,包括ios应用的其他浏览器,比如:UC浏览器,QQ浏览器等,是没有执行的,换到下面的代码就可以了

    obj.click(function(){
    alert(0);
    })
    
  • 相关阅读:
    Python异步任务模块之-celery
    Atom 编辑器侧边栏忽略隐藏文件
    判断字符串是否为回文 python
    python 命令行工具 fire
    Appium自动化测试-iOS
    视频转换工具ffmpeg
    nodejs顺序执行shell
    Jenkins 邮箱配置及问题解决
    mac配置php
    appium镜像设置
  • 原文地址:https://www.cnblogs.com/liqingzheng/p/2856186.html
Copyright © 2011-2022 走看看