Title 标题1 标题2 标题3 标题4 标题5 标题6 斜体 删除线 加粗--> write less, do more. wirte less,... ...
分类:
其他好文 时间:
2018-01-15 12:39:36
阅读次数:
111
礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 浏览器窗口变小... 2018-01-13 留个问题,可以思考一下。 1 浏览器的大小在一个范围内持续变化,但是图片的大小却不随之改变,这是为什么? ...
分类:
其他好文 时间:
2018-01-13 22:27:28
阅读次数:
137
1.响应式布局 1.Meta标签定义 2.使用Media Queries适配对应样式 2.响应式内容 1.响应式图片 ...
分类:
Web程序 时间:
2017-11-18 23:33:28
阅读次数:
251
1、排版前的基础 (1)移动设备优先 <meta name="viewport" content="width=device-width, initial-scale=1"> (2)响应式图片 CSS:img-responsive demo.html: <!DOCTYPE html><html la ...
分类:
其他好文 时间:
2017-10-15 19:37:03
阅读次数:
196
1 bootstrap简介 2 bootstrap的环境 3 以移动设备为优先。窗口和移动设备一致 4 bootstrap布局容器 5 排版标签 6 文本对齐方式 7 列表 8 表格 9 响应式图片 10 栅格系统 ...
分类:
其他好文 时间:
2017-09-11 16:23:46
阅读次数:
219
<picture>元素与<source>元素 例如需要分别在小于640px 大于640px 小于960px 和 大于960px的3个区域内使用small.jpg medium.jpg large.jpg可以这么编码 分析 ...
分类:
其他好文 时间:
2017-08-20 20:02:08
阅读次数:
150
响应式图片 给img的宽度 设置为100% 使用background-image 配合padding-top 使用 `<picture>` 标签。 * 使用 pricturefill.js 插件 <link rel="stylesheet" href="./grid.css"> stylesheet ...
分类:
其他好文 时间:
2017-08-13 16:54:18
阅读次数:
126
响应式设计 响应式设计的概念(三要素) 流体网格 响应式图片 媒体查询 相关概念 分辨率 是指显示器所能显示的像素的多少 像素密度 dpi/ppi 每平方英寸的像素数 设备像素比 dip/dpr 类似于每像素包含的点数(dppx) 视网膜屏幕 屏幕显示异常清晰(设备像素比大于1) viewport ...
分类:
其他好文 时间:
2017-08-09 23:51:50
阅读次数:
174
第一篇://www.w3cplus.com/responsive/responsive-images-101-definitions.html 第二篇://www.w3cplus.com/responsive/responsive-images-101-part-2-img-required.htm ...
分类:
Web程序 时间:
2017-07-29 10:21:14
阅读次数:
232