2016年2月16日
如何去掉textarea右下角的灰色角标？
摘要： 在css中定义： resize: none; ，这个样式同时禁用textarea调整大小 阅读全文
posted @ 2016-02-16 16:47 hupan508 阅读(3654) 评论(0) 推荐(0)
移动WEB前端开发资源整合
摘要： 原文地址https://segmentfault.com/a/1190000003978778 meta篇 1.视窗宽度 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,max 阅读全文
posted @ 2016-02-16 16:41 hupan508 阅读(265) 评论(0) 推荐(0)
图片文字水平居中（移动端）
摘要： 这样一个需求，第三方联合登陆的头像和昵称整体水平居中，如图： 对于这样的需求，不能简单的对包含头像和昵称的div使用margin: 0 auto了，因为昵称的长度是未知的。 solution 1：利用行内元素的padding-left属性。把图片绝对定位到padding-left区域内，然后对外层d 阅读全文
posted @ 2016-02-16 09:49 hupan508 阅读(2565) 评论(0) 推荐(0)
背景图片-密度屏幕（移动端）
摘要： .css { background-image: url(img@1x.png); } @media only screen and(-webkit-min-device-pixel-ratio: 2) { .css { background-image: url(img@2x.png); } } 阅读全文
posted @ 2016-02-16 09:27 hupan508 阅读(230) 评论(0) 推荐(0)
响应字体大小（移动端）
摘要： 大前提：1、initial-scale 为 1；2、在项目css中(注意不要被公共的base、common之类的影响了，资源加载顺序也是蛮重要的)，先把html的fontSize设置为 100px（或者加上媒体查询代码）, 避免加载未完成时候样式错乱;html{fontSize:100px} 需要全 阅读全文
posted @ 2016-02-16 09:21 hupan508 阅读(945) 评论(0) 推荐(0)