自己做的html5手机网站

相信大家都知道,现在市面上手机的屏幕尺寸多种多样,2.8寸.3.0寸.3.2寸.3.5寸.4.0寸.4.2寸.4.5寸等等,随之而来的手机分辨率也千差万别,有240*320像素.320*480像素.480*800像素.640*960像素等等,其中480*800像素和640*960像素是主流的,但智能手机的发展速度大家有目共睹,随着手机的发展,不同尺寸的手机会陆续出现,这就给手机网站的开发带来非常大的麻烦,如何让自己的手机网站在不同尺寸的手机都能完美展示,手机网站的设计稿要设计成多大才合适? 只要

让网页的宽度自适应屏幕<meta name="viewport" content="width=device-width"/>   1)html上加入<meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />发确保网页的效果 2)加上以下语句可使网页在苹果设备上运行更好<meta name="apple-m

webapp开发初期,会碰到在pc端开发好的页面在移动端显示过大的问题,这里需要在html head中加入meta标签来控制缩放 <meta name=" viewport" content="width=device-width initial-scale=1.0 minimum-scale=1.0 miximum=1.0 user-scalable=yes"/> 下面是对于这个标签的具体说明: viewport 语法介绍: <meta name

webapp开发初期,会碰到在pc端开发好的页面在移动端显示过大的问题,这里需要在html head中加入meta标签来控制缩放 <meta name=" viewport" content="width=device-width initial-scale=1.0 minimum-scale=1.0 miximum=1.0 user-scalable=yes"/> 下面是对于这个标签的具体说明: viewport 语法介绍: <meta name

1.圆角效果 “border-radius”是实现这一功能的一个重要的属性,可以用来直接定义HTML元素的圆角,并且被所有现代浏览器支持. Css代码 .border-radius:10px;/* CSS3 Property */ .-moz-border-radius:10px;/* Firefox */ .-webkit-border-radius:10px;/* Chrome/Safari */ .-khtml-border-radius:10px;/* Linux browsers */

原文链接:http://blog.csdn.net/kongjiea/article/details/17092413(收藏专用!如需转载,请点击链接,联系博主,获得同意后方可转载) 3.name之设置作者姓名及联系方式 说明:设置作者姓名及联系方式 <meta name="author" contect="name, [email protected]" /> 4.其他 <!-- 声明文档使用的字符编码 -->    <meta ch

随着移动设备的普及,企业的网络宣传已经不能局限在PC端,而需要同时在移动端有所建树.对于公司网站来说,以前都是做的PC端的,当然手机等移动端也可以访问,但是用户体验肯定不如完全适合的手机端来的方便.我们在给自己的网站做了WAP手机网站之后,如果有用户通过手机访问我们的企业顶级域名网站,那就判断跳转到专为的WAP网站. 这里整理到目前自己在使用的2种JS脚本,因为之前一直有朋友跟我要,所以这里分享出来. 第一种:直接JS脚本 <script type="text/javascript&quo

随着移动设备的普及,企业的网络宣传已经不能局限在PC端,而需要同时在移动端有所建树.对于公司网站来说,以前都是做的PC端的,当然手机等移动端也可以访问,但是用户体验肯定不如完全适合的手机端来的方便.我们在给自己的网站做了WAP手机网站之后,如果有用户通过手机访问我们的企业顶级域名网站,那就判断跳转到专为的手机站点. 第一种:直接JS脚本 <script type="text/javascript"> try { var urlhash = window.location.h

1.什么叫响应式网页设计响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相应的响应和调整. 具体的实践方式由多方面组成,包括弹性网格和布局.图片.CSS media query的使用等. 无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率.图片尺寸及相关脚本功能等,以适应不同设备: 换句话说,页面应该有能力去自动响应用户的设备环境. 响应式网页设计就是一个网站能够兼容多个