缘起
在工作中，移动APP端的同学问我，在移动web端中是如何去做不同的屏幕大小所展示的效果和设计图都是一致的？
我们在遇到这种问题的时候，脑海中第一反应，应该是使用哪种布局方案去实现这种效果吧？
布局方案
先说说布局方案，在前端历史计划中，诞生了几种布局概念，分别是：
...
神棍
5年前 (2019-08-18) 9932℃ 3评论
8喜欢
CSS
//一般的高级浏览器都支持
background: rgba(255,255,255,0.1);
//IE8下
filter:progid:DXImageTransform.Microsoft.gradi...
神棍
7年前 (2017-07-13) 7738℃ 0评论
4喜欢
@font-face是CSS中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体。
语法规则：
@font-face {
font-family: <YourWebFo...
神棍
7年前 (2017-07-13) 5971℃ 1评论
1喜欢
今天在面试的时候，面试官提的一个IE兼容的问题：IE6、7中使用CSS样式float会出现什么问题？
我第一个想到的就是浮动BUG，但是处理的方法忘记了。。。因为平常都是抛弃了IE，这下让我情何以堪，改怎么回答呢？虽然模糊的回答了下，但感觉不如意，回来特地研究了下！
css
...
神棍
8年前 (2017-03-13) 4749℃ 0评论
1喜欢
之前谈论过一篇，positoin绝对定位中，绝对定位没有设置 top, right, bottom, left之后会什么样的，今天我们在来看看 relative 和absolute的属性吧！
介于一位童鞋的提问，今天就以本文向大家描述一下DIV CSS布局中的position属性...
神棍
9年前 (2015-09-10) 5944℃ 2评论
10喜欢
随着 Retina 屏幕的逐渐普及，网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的 Retina 屏幕显示依然清晰，曾经一度困扰着网页开发者，好在 CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢？
什么是响应式图片？
响应式图片是指：用...
神棍
9年前 (2015-09-07) 6727℃ 1评论
3喜欢
之前老忘记这个样式，每次想用的时候想不起来了，今天也没写啥子文章，就百度整理了点，以备后用。
下面进入主题
text-overflow语法：
text-overflow : clip | ellipsis
text-overflow参数值和解释：
clip : 不显示省略标记...
神棍
9年前 (2015-09-04) 6149℃ 0评论
3喜欢
最近在做一个H5手机页面项目遇到了一个小小的问题，就是边框描边1像素的问题。
一般的app边框描边的线都小于一像素，那么我就像往常一样直接描了1px的边框，虽然是1px可是结果和app里的描边完全不一样“粗了”，所以就在网找了一下看看有没有解决方法，可是找了一会没找到，那咋办，需...
神棍
9年前 (2015-09-02) 5234℃ 1评论
6喜欢
一个元素如果设置了’position: absolute;’, 但没有设置top, right, bottom, left, 此元素的位置在哪?
在涉及到绝对定位元素的位置问题时, 一个重要的概念是containing block, 想要了解元素的位置, 还得找到此元素的cont...
神棍
9年前 (2015-09-02) 5324℃ 0评论
4喜欢
