机型 发布时的系统 屏幕英寸 pt 像素iPhone4 iOS4 3.5英寸 320 * 480pt 960x640 iPhone4S iOS 5 3.5英寸 320 * 480pt 960x640 iPhone5 iOS 6 4英寸 320 * 568pt 1136x640 iPhone5C / 5S iOS 7 4英寸 320 * 568pt 1136x640 iPhone6 iOS 8 4.7英寸 375 * 667pt 1334x750…
机型 发布时的系统 屏幕英寸 pt 像素iPhone4 iOS4 3.5英寸 320 * 480pt 960x640 iPhone4S iOS 5 3.5英寸 320 * 480pt 960x640 iPhone5 iOS 6 4英寸 320 * 568pt 1136x640 iPhone5C / 5S iOS 7 4英寸 320 * 568pt 1136x640 iPhone6 iOS 8 4.7英寸 375 * 667pt 1334x750…
蒙层效果具体demo地址如下，欢迎讨论指导。See the Pen pop_window_center by Fiona ( @fiona2016) on CodePen.See the Pen pop_window_center by Fiona (@fiona2016) on CodePen.关键代码讲解蒙层效果：关键字：z-index, rgba实现：body分为两个大的div区域，一个是底部…
做项目的时候常常用遇到下面这种情况：要让B盒子占满 A盒子剩下的部分也就是黄框区域，这时候我们可以设置 B盒子 高为 100% 或者是100vh减去上面的 A盒子的高度50px。只需设置样式使用calc() 函数，它支持 “+”, “-”, “*”, “/” 运算；注意：运算符前后都需要保留一…
做项目的时候常常用遇到下面这种情况：要让B盒子占满 A盒子剩下的部分也就是黄框区域，这时候我们可以设置 B盒子 高为 100% 或者是100vh减去上面的 A盒子的高度50px。只需设置样式使用calc() 函数，它支持 “+”, “-”, “*”, “/” 运算；注意：运算符前后都需要保留一…
写在前面的话，今天中秋假期最后一天，明天又得开始苦逼的生活了，在地铁上看到一篇文本“中间划线”的微博，有点时间测试下，增长点小知识。1)首先来看看text-decoration这个属性可能的属性值：浏览器支持如下图：所有主流浏览器都支持 text-decoration 属性。注释：任何…
Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从tr…
多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法：方法一：在不想使用缓存的input中添加XML/HTML Code autocomplete="off";eg: <input type="text" autocomplete="…
本文主要讲实现 1.用php实现根据坐标点经纬度绘制坐标点相对位置。2.用html5实现根据坐标点经纬度绘制坐标点相对位置。之前有一个需求，是要把一些坐标点的相对位置画到一张图片上，标注出点，点名，并且点之间两两连线生成一张图片。最开始考虑用html5实现。 但实际上我…
最近发现JS当中toFixed()方法存在一些问题，采用原生的Number对象的原型对象上的toFixed()方法时，规则并不是所谓的“四舍五入”或者是“四舍六入五成双”，所谓“四舍六入五成双”，在百度百科上给的解释是：也即“4舍6入5凑偶”这里“四”是指≤4时舍去，"六"…
Slider-pro是用于移动设备的模块化、响应式、 jQuery轮播插件。 jQuery Carousel插件提供了各种配置参数和方法，可以快速创建多种轮播效果模式。其主要特点是：支持模块化。响应式设计。支持移动设备。使用CSS3过渡平滑动画过渡。支持无限滚动。支持轮播旋转木马模式。支…
© Copyright 2014 - 2025 柏港建站平台 ejk5.com. 渝ICP备16000791号-4