用CSS3绘制iPhone手机

【用CSS3绘制iPhone手机】的更多相关文章

纯代码利用CSS3 圆角边框和盒子阴影制作 iphone 手机效果

原文:纯代码利用CSS3 圆角边框和盒子阴影制作 iphone 手机效果大家好,我是小强老师. 今天我们看下CSS3最为简单的两个属性. css3给我们带来了很多视觉的感受和变化,以前的图片做的事情,很多代码都能实现. 下面给大家简单介绍两种最为常见的圆角边框和盒子阴影,同时附上一个iphone 手机效果,提供大家练习. 1.border-radius 圆角矩形语法格式: border-radius: 水平半径/垂直半径只不过我们平时都把后面的这个垂直半径给省略了. 圆角也有连写的方法…

iPhone手机的屏幕尺寸、分辨率及适配

1.iPhone尺寸规格设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches (58.6 mm) 4.5 inches (115.2 mm) 3.5-inch 320x480 @2x 640x…

CSS3自适配手机屏幕[转]

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-sc…

iPhone手机安全指南

摘要:iPhone手机安全指南 - 1.iPhone解锁使用指纹:2.启用“查找我的iPhone”功能:3.Apple ID启用两步验证:4.修改SIM卡PIN码.5.iPhone被盗或丢失后,登录iCloud启用“丢失模式”,挂失SIM卡,将该手机从Apple ID两步验证受信列表中移除. iPhone是市场上价格较高的一款手机,因此也成为很多小偷眼中的首选目标,那么iPhone在丢失或被盗后该怎么办?作为iPhone用户,我们在日常生活中要注意防止手机被盗的同时,也要学会一些技巧,在iPho…

CSS3绘制六边形

因为很简单,所以先总结一下:使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素,并利用css3的边框样式,将这两个元素变成三角形放置在源元素的两端即可. (因为之前在生物公司工作过,觉得六边形更贴近生物分子.基因等概念,包括我们在网上搜索关于生物分子.基因等图片,好多也有六边形的样式,所以那时候在页面做一些功能性的导航或Tag,都会觉得六边形更贴近一些). 完整的页面效果如下图:(其实是多个六边形定位成这样子的.当然,也可以设置不同六边形的颜色,这样就…

ios/iphone手机请求微信用户头像错位BUG及解决方法

转:http://www.jslover.com/code/527.html ios/iphone手机请求微信用户头像错位BUG及解决方法发布时间:2014-12-01 16:37:01 评论数:0 分类:code 最近我们的平台上线了几个游戏,iphone同学特别是iphone6 plus测试发现,频繁出错头像错乱的现象,即列表中,个别人的头像被“互换”了.这个很难解释是如何造成,总之就是当微信遇上iphone6擦出的火花.... 写了一组测试用例子,可以很容易重现这个BUG: http…

CSS3绘制旋转的太极图案（一）

实现步骤: 基础HTML: <div class="box-taiji"> <div class="circle-01"></div> <div class="circle-02"></div> </div> 步骤一: .box-taiji {width:400px;height:400px;position:relative;margin:50px auto;bor…

禁用iPhone手机浏览器上给电话号码自动加上的link样式

iPhone手机上的浏览器(如Safari),在解析网页的时候会自动给像是电话号码的数字加上link样式. 可以添加下面的meta禁用掉这个功能. // //…

微信浏览器如何禁止iPhone手机上下滑动网页

代码: /*去掉iphone手机滑动默认行为*/ $('body').on('touchmove', function (event) { event.preventDefault(); });…

去掉iphone手机滑动默认行为

/*去掉iphone手机滑动默认行为*/ $('body').on('touchmove', function (event) { event.preventDefault(); });…