07 2017 档案
摘要：响应性web设计的理念是：页面的设计与开发应当根据用户行为与设备环境(包括系统平台，屏幕尺寸，屏幕定向等)进行相应的响应及调整。具体的实践方式由多方面组成，包括弹性网格和布局，图片，css Media(媒体查询)使用等。一：布局方式有如下几种：1. 固定布局：固定布局以PX(像素)作为单位的，在PC
阅读全文
摘要：function loadCSS() { if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) { document.write('<li
阅读全文
摘要：“教你如何玩转Web响应式布局” 的更多相关文章 网址：http://www.360doc.com/relevant/641896074_more.shtml
阅读全文
摘要：准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： 1 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use
阅读全文
摘要：1 HTML header结构 2 3 4 5 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 9 来作为相对 URL。这其中包括 、、、 标签中的 URL。 10 11 在 HTML 中， 标签没有结束标...
阅读全文
摘要：在web设计中使用js可以实现很多的页面特效，然而很多人却忽视了HTML标签中META标签的强大功效，其实meta标签也可以实现很多漂亮的页面过渡效果。 META标签是HTML语言HEAD区的一个辅助性标签，Meta 标签放在每个网页的<head>...</head> 中间，我们大家比较熟悉的如：
阅读全文
摘要：“移动网民的规模将在2013年底达到5.0亿，增速为19.1%。预计到2017年，移动网民将赶超PC网民，成为互联网的第一大用户群体，移动端将成为网民最主要的上网渠道。互联网的加速渗透和全民移动互联有望在下一个5年实现。在过去的几年时间里，移动智能设备快速普及，配置迅速提升，许多过去在PC端才能完成
阅读全文
摘要：iScroll.js 用法参考 （share） 分享是传播、学习知识最好的方法 以下这篇文章是iScroll.js官网的中文翻译，尽管自己英文不好，但觉得原作者们翻译的这个资料还是可以的，基本用法介绍清楚了。如果你英文比较好的话，可以看看官网的资料。 参考：http://www.cnblogs.co
阅读全文
摘要：1、此博文图片样式引用腾讯网站，效果如下： 2、样式设置： 3、JS代码：
阅读全文
摘要：获取离滚动页面的顶部距离有两种方法一是DOM；而是jquery，具体的实现如下，感兴趣的朋友可以尝试操作下 获取离滚动页面的顶部距离有两种方法一是DOM；而是jquery，具体的实现如下，感兴趣的朋友可以尝试操作下 方法一：DOM 复制代码 代码如下: <script> window.onscrol
阅读全文
摘要：CSS代码： .box { /* 可见视觉区域 */ width: 480px; height: 250px; position: relative; overflow: hidden; cursor: pointer; } .size { /* 广阔的海洋 */ width: 1000px; he
阅读全文
