/媒体查询，参考部分Bootstrap框架//当页面大于1200px时，大屏幕，主要是PC端/@media(min-width:1200px){}/在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC/@media(min-width:992px)and(max-width:1199px){}/在768和991像素之间的屏幕里，小屏幕，主要是PAD/@media(min-width:768
分类：
其他好文 时间：
2018-05-11 17:18:50
阅读次数：
160
<input type="file" file-model="myFile"/><div class="col-md-12"> <img ng-src="{{imageSrc}}" style="max-width:68px;max-height:68px;display:block;" /></d ...
分类：
Web程序 时间：
2018-05-10 17:21:39
阅读次数：
194
弹性盒子定义弹性盒子 display：flex定义子元素排列方式 flex-diection定义子元素换行方式 flxe-wrap定义子元素对齐方式横向对齐 justify-content纵向对齐 align-items 媒体查询 @media screen and (max-width:最大宽度) ...
分类：
其他好文 时间：
2018-05-07 19:39:57
阅读次数：
165
单行显示省略css样式： overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 多行省略： 方法一、 intwoline1 { display: block; display: -webkit-box; max-width: ...
分类：
Web程序 时间：
2018-04-18 18:53:20
阅读次数：
281
盒子 盒子大小 width,height 默认情况下，一个盒子大小刚好容纳其中的内容，并根据其中内容变化而变化。如果自定义合资的大小，就需要用到width和height属性。 指定盒子大小的最常用的方式是像素、百分数或em值。 宽度限制 min-width，max-width min-width属性 ...
分类：
Web程序 时间：
2018-04-07 11:15:15
阅读次数：
179
max-width:从字面意思可以看出,是规定元素本身最大宽度，元素本身宽度应小于等于最大宽度值。 min-width:从字面意思可以看出，是规定元素本身最小宽度，元素本身宽度应大于等于最小宽度值。 1、max-width 一般我们在布局时，不想要元素的宽度限定死，并且想要它的实际宽度随其本身内容自 ...
分类：
Web程序 时间：
2018-03-19 23:33:35
阅读次数：
290
rem原理与简介： 依据html根元素大小定，px转rem动态调整根元素font-size大小； 1rem = 16px; html的字体大小就是可以默认为浏览器的字体大小； 移动端适配：方式一 媒体查询@media @media screen and （max-width:320px）{ html... ...
分类：
移动开发 时间：
2018-03-19 18:11:02
阅读次数：
227
创建可伸缩的图像 img标签省略设置width和height , 在样式表中设置max-width:100% , 创建弹性布局网格 创建弹性布局的关键是使用百分数来设置width,而不要指定固定的宽度值 媒体查询 定义的方式：1）<link rel=''' href="" media=""> 2) ...
分类：
Web程序 时间：
2018-03-16 17:19:28
阅读次数：
230
media query 是响应式设计的核心，它能够和浏览器进行沟通，告诉浏览器页面如何呈现 @media screen and (max-width:980px){ ... } @media screen and (min-width:980px) and (max-width:1200px){ . ...
分类：
其他好文 时间：
2018-03-04 16:06:45
阅读次数：
153
如果图片本身没有设置 width、height属性的话，只需要修改 max-width:100%; 就可以了 如果图片本身设置了 width、height属性的话，需要同时修改width 和height 两种属性， 我的解决办法如下 <style> img { max-width: 100% !im ...
分类：
移动开发 时间：
2018-03-02 15:40:57
阅读次数：
195
