Slicy 是一个开源响应式 HTML5/CSS3 切图框架 , 由 切图网 http://qietu.com/ 长期项目实战累计,发布的一款开源框架, 它提供一个可靠的12列栅格系统去布局你的响应式项目, 支持跨平台移动浏览器兼容。它最大的特点是小而美,功能不多,但是兼容性极好, 兼容ie6,ie7,ie8,firefox,chrome浏览器以及iphone,ipad等移动设备。
下载地址:http://bbs.qietu.cn/thread-15090-1-1.html
软件截图:
特性:
适用于各类人群
无论你是专业的web前端开发工程师,还是设计师,或者仅仅是一个爱好者,快切css框架都能够让您快速的建立一个标准美观的web网页。
适用于各种浏览器
通过css重写技术,对web标签的重构实现了最大化的浏览器支持,避免了枯燥乏味的浏览器兼容调整的烦恼。
栅格化系统
采用了12列格子技术,将网页平分成12列,可以满足多种布局的网页,为网页的多样性提供了便捷性,和灵活性。
响应式设计
可以根据浏览器的大小自动缩放和调整,最大化满足不同分辨率用户的阅读需求。
jquery插件的支持
编入了常用的jquery插件,iepng透明插件,选项卡插件,幻灯片插件,lazyload插件,并且测试了其跨浏览器的兼容性。
优点:
精简了代码,变得小而美
优化了代码的兼容性,能兼容ie6 +
adapt.js 最初是切图网方便内部开发弄的一款响应式开发插件,可以简化你的响应式工作,支持4种常规分辨率响应,hd、desktop、flatbed、phone 。 常规写法: @media(min-width:1250px) and (max-width:1921px) { body{ background:red;} /*宽屏下背景是红色*/ } @media(min-width:
如果你不想重复造轮子,你可以选择一款响应式的框架,目前市面上类似的框架也有很多,像Bootstrap、Foundation,你也可以使用像H5 Boilerplate来创建响应式项目,但不论你使用何种方式,掌握底层的原理对于你来说比挑选一门框架更有意义。所以大家Fighting~~~
我正在尝试使用媒体查询。我在我的头中包含了meta name=“viewport”content=“width=device-width,initial-scale=1”>并且在我的CSS中包含了@media(min-width:768px){background-color:red;}。是不是因为这不起作用而让我错过了什么。
CSS Border图像属性用于将图像边框添加到某些元素。您不需要使用任何HTML代码来调用边框图像。边框图像的示例语法如下 - #borderimg { border: 10px solid transparent; padding: 15px; } 最常用的值如下所示 - Sr.No. 价值和描述 1 border-image-source 用于设置图像路径 2 border-i
本文向大家介绍CSS3,HTML5和jQuery搜索框集锦,包括了CSS3,HTML5和jQuery搜索框集锦的使用技巧和注意事项,需要的朋友参考一下 添加搜素框或网站搜索功能是为了方便用户能够轻松、快捷地找到自己需要的信息。因此,在网站中添加一个搜索框已经成为网页设计的主流元素之一。添加一个搜索框到网站会使得用户界面更加友好,也能帮助用户轻松愉快地浏览。 脉动的CSS3输入搜索框 输入搜索框带有
问题内容: 我有一个响应式html布局中的现有图像映射。图像根据浏览器大小缩放,但是图像坐标显然是固定的像素大小。我必须选择哪些选项来调整图像地图坐标的大小? 问题答案: 您也可以使用svg代替图像映射。
问题内容: 是否可以仅使用HTML5 / CSS3创建一个圆,该HTML5 / CSS3的边框仅在圆的一部分上延伸?如果没有,我可以使用什么技术来达到这种效果?我更喜欢使用纯DOM元素,但是如果需要的话,我可以在画布上绘画或生成SVG。 问题答案: 是的,有可能-看到这个: 演示_