随笔分类 -  css

input添加小图标
摘要:在<body>标签中输入一个<div>标签,然后在<div>标签中输入<i>和<input type="text">标签。 代码: <div class="div-bor"> <i class="icon-user"></i> <input type="text" class="user" /> < 阅读全文
posted @ 2017-03-23 15:13 忘忧❤碎 阅读(1788) 评论(0) 推荐(0)
常见浏览器兼容性问题与解决方案
摘要:所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前 阅读全文
posted @ 2017-02-07 13:35 忘忧❤碎 阅读(116) 评论(0) 推荐(0)
css高度自适应
摘要:何为高度自适应? 高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单,在兼容浏览器方面也稍微复杂一些。 布局思路 在IE7+及chrome、firefox等浏览器中,高度自 阅读全文
posted @ 2017-01-04 10:16 忘忧❤碎 阅读(487) 评论(0) 推荐(0)
自适应网页设计
摘要:移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥 阅读全文
posted @ 2017-01-04 10:13 忘忧❤碎 阅读(112) 评论(0) 推荐(0)