【html5 移动适配写法】的更多相关文章

html5 移动适配写法

在pc版网页(http://pc_url) 上,添加: <link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" > 在移动版网页(http://mobile_url) 上,所需的注释应为: <link rel="canonical" href="http://mobile_url&quo…

HTML5标签简化写法

基本页面格式 <!DOCTYPE> <html> <head> <meta charset="utf-8" /> <title>无标题文档</title> <link href="css/theme.css"/> <script src="js/jquery.js"></script> </head> <body>…

6个html5页面适配iphone6的技巧

iphone6及iphone6plus已经出来一段时间了.很多移动端网站,以前写死body为320px的,现在估计也忙着做适配了. 大屏幕手机其实一直有,只是以前大家没怎么重视,移动端的H5页面大部分都以320px为基准宽度进行布局,那些大屏屌丝android用户也懒得去理,而现在iphone也搞起多屏幕,老板们重视程度就不一样了. 回归正题,兼容iphone各版本机型最佳的方式就是自适应. 1.viewport简单粗暴的方式: <metaname="viewport"conte…

HTML5屏幕适配标签设置

开发HTML5游戏中,我们常用的一些mata标签: <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) initial-s…

07.20 html5的适配flexible

<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script> <html lang="en"><head><meta charset="utf-8"><meta content="yes" name="apple-mobile…

HTML5知识点总结

HTML5知识点总结(一) 一.HTML新增元素 1.IE9版本以下支持HTML5的方法 <!--[if lt IE9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> 2.header元素:是HTML5中的非主体结构元素 (1)header元素:是一种具有引导和导航作用的结构元素,…

html适配Anroid手机

本文全然是翻译与总结谷歌官方的教程,已确保文档的正确性. 免得大家被五花八门的其它的资料弄混了,也没有系统行的学习. 一.设置窗体尺寸和适配屏幕分辨率 谷歌官方文档提到两个大的方面. 1.Viewport视图窗体 这个是html中设置的.主要是设置高度和宽度,还有初始的比列. 这个宽度与高度将绝对html里面CSS中有多少个像素可用. Viewport的宽度与屏幕的宽度没有决定性的关系.比方你的手机宽度是480PX可是你能够设置Viewport的宽度为960PX,这样一张800PX的图片就能一次…

WEB前端之HTML5~HTML5与HTML4的区别

推出的理由及目标 WEB浏览器存在的问题包括以下三点 世界知名浏览器厂商对HTML5的支持 语法的改变 DOCTYPE的声明 XHTML的DOCTYPE声明方式 HTML4的DOCTYPE声明方式 HTML5 的DOCTYPE声明方式 内容类型 指定字符编码 可以省略标记的元素 具有Boolean值的属性 省略引号 新增的元素 废除的元素 新增的属性 废除的属性比较多以后发个表 全局属性指可以对任何元素都使用的属性 contentEditable属性 designMode属性 hidden属性…

Meta 用法汇总

本文引自: http://blog.csdn.net/MR_LP/article/details/53607087 什么是 meta ? meta 是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是h…

jquery mobile开发笔记之Ajax提交数据（转）

http://my.oschina.net/xiahuawuyu/blog/81763 这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容.可能之前有过web的开发基础,相对于我来说学习这个东西感觉挺简单的,很容易上手.Jqm的的语法和jquery其实是一样的,有些不大一样的就是了.网上介绍的也是一大堆.这里我主要是做笔记哈. 使用JQM开发其实很简单,我这里目前是针对于在服务器端开发的,服务器使用的是apache+php,前端其实主要是html5+jquery的写法.…