自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 html5响应式图片

本文介绍,使用srcset和picture实现网页的响应式图片。所谓响应式就是说,服务端提供几供大小规格的照片,浏览器根据窗口大小自动选择合适的照片。 案例1:适应retina屏 对于高分辨率屏,例如mac的屏幕是以2*2个像素显示原本一个像素的内容,看起来会更加细腻。因此,显示器上要显示320*160px照片,最佳的实际照片大小是640px * 320px。用img的srcset达到这种效果。

2015-09-09 14:01:47 765

原创 制作一个可拖动的html对话框

制作对话框,最简单的方式是使用jQuery的ui插件,一行代码就搞定。$("<div>我是一个对话框</div>").dialog(); 但是前提是需要引入jquery和ui库:<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/

2015-09-06 16:43:24 3877

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除