随笔分类 -  移动端开发篇

移动端边框1像素的问题与解决方法
摘要：移动端1px变粗的原因 为什么移动端css里面写了1px, 实际看起来比1px粗. 其实原因很好理解:这2个’px’的含义是不一样的. 移动端html的header总会有一句 <meta name="viewport" content="width=device-width, initial-sca 阅读全文
posted @ 2017-09-16 11:45 胡椒粉hjf 阅读(439) 评论(0) 推荐(0) 编辑
流式布局
摘要：流式布局，就是用百分比设置宽度的布局形式目标宽度/上下文宽度=值无标题文档 解决办法：使用CSS3中的box-sizing属性（IE8开始兼容了），这个属性用来规定，CSS中出现的width值是谁的宽度？无标题文档 这个属性在流式布局中特别常用无标... 阅读全文
posted @ 2014-05-22 18:50 胡椒粉hjf 阅读(792) 评论(0) 推荐(0) 编辑
媒体查询
摘要：一、为什么响应式设计需要媒体查询 没有CSS3的媒体查询模块，就不能针对设备特性（如视口宽度）设置特定的CSS样式。二、媒体查询语法 1、将下面这段代码插入到任意某个CSS文件的最后，然后预览与之关联的网页：body { background-color: grey; } @media scre... 阅读全文
posted @ 2014-05-22 14:45 胡椒粉hjf 阅读(579) 评论(0) 推荐(0) 编辑
检测屏幕宽度，更换样式表
摘要：一、通过js检测屏幕宽度，更换样式表 1、使用javascript更改页面样式表的方法javascript更改页面样式表的方法 2、javascript得到页面的宽度（document.documentElement.clientWidth;(IE6兼容的写法 )）javascrip... 阅读全文
posted @ 2014-05-13 12:37 胡椒粉hjf 阅读(851) 评论(0) 推荐(0) 编辑
使用js插件进行设备检测
摘要：一、分析新浪网是怎么做的 如新浪网有两种版本，一种是pc版，存放在www.sina.com.cn这个服务器上；另外一种是手机版，存放在www.sina.cn这个服务器上 原理是当用户输入网址www.sina.com.cn的时候，检测用户的设备，如果用户用的是pc，那么留在原地，如果检测用户的... 阅读全文
posted @ 2014-05-12 23:50 胡椒粉hjf 阅读(586) 评论(0) 推荐(0) 编辑
什么叫响应式手机网站设计
摘要：一、什么叫响应式网页设计 响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。　... 阅读全文
posted @ 2014-05-12 22:43 胡椒粉hjf 阅读(854) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示