1)html上加入
发确保网页的效果
2)
加上以下语句可使网页在苹果设备上运行更好
3)加入这句话可以定义iphone的添加到主屏幕的图标
网页打开方式:链接
target的值:_self(相同窗口,浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开)
表示页面中的所有链接都在新窗口打开
madinc.co//
autocomplete="off"//去掉输入框的历史记录
querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。
querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。
document.querySelector('#indicator > li.active').className = '';//......
innerheight: 返回窗口的文档显示区的高度。 (IE用document.documentElement.clientHeight)
innerwidth 返回窗口的文档显示区的宽度。(IE用document.documentElement.clientWidth )
HTML5新增:
contenteditable:设置是否允许用户编辑元素
contentextmenu:给元素设置一个上下文菜单
draggable:设置是否允许用户拖动元素
irrelevant:设置元素是否相关。不显示非相关的元素。
ref:引用另一个文档或本文档上另一个位置。仅在template属性设置时使用
registrationmark:为元素设置拍照。可规定于任何 元素的后代,除了 元素
// 控制手机全屏 : 强制让文档的宽度与设备的宽度保持1:1, 并且文档最大的宽度比例 是1.0,且不允许用户点击屏幕放大浏览
//viewport:可视区域
//initial-scale:初始的缩放比例;user-scalable:用户是否可以手动缩放;
//minimum-scale:允许用户缩放的最小比例;maximum-scale :允许用户缩放的最大比例
//在手机中不会将网页中的一串数字(电话号码)显示为拨号的超链接,默认telephone=yes
//删除黙认的苹果菜单栏和工具栏,如需要苹果菜单栏和工具栏可不加
//控制状态栏样式content有三个值:default、black、black-translucent
//对移动网站-mobile web进行收藏(“添加到桌面图标”)的时候增加的图标定义属性
//apple-touch-icon:增加高光光亮的图标
//apple-touch-icon-precomposed:设计原图图标
网页针对不同屏幕分辨率修改,用-webkit-device-pixel-ratio这个media标签或在js中用 window.devicePixelRatio这个方法,设置target-densitydpi标签和device-dpi属性。这让你的定制更具有 灵活性。
移动网站的视图的标签
...
查看更多关于移动web开发总结_html/css_WEB-ITnose的详细内容...