1 元素的尺寸/边框/背景 1.1 css尺寸相关属性 height 高度 min-height 最小高度 max-height 最大高度 width 宽度 min-width 最小宽度 max-width 最大宽度 1.2 css内边距 padding 内边距 padding-left 左内边距 ...
分类:
其他好文 时间:
2018-08-14 18:50:38
阅读次数:
204
@media only screen and (min-width:320PX) and (max-width:360PX) { html { font-size: 13.65px }} @media only screen and (min-width:360PX) and (max-width: ...
分类:
移动开发 时间:
2018-07-20 19:04:43
阅读次数:
169
什么是布局 现有样式的布局,不能满足需求 文档流 浮动 定位 现实需要的布局: 导航栏+内容 导航栏+内容+广告栏 从上到下、从左到右、定宽、自适应 单列布局 实现方式: 定宽 + 水平居中 注意 max-width和width的区别max-width屏幕变窄的时候没有拉动条,width在屏幕变窄的 ...
分类:
Web程序 时间:
2018-07-07 13:50:38
阅读次数:
202
@media screen and (min-width: 1490px){ .w1224{ width: 1400px !important; }}@media screen and (max-width: 1489px){ .w1224{ width: 1200px !important; }} ...
分类:
其他好文 时间:
2018-06-21 00:01:13
阅读次数:
193
/*手机*/ @media screen and (max-width:600px){ } /*平板*/ @media screen and (min-width:600px) and (max-width:960px){} /*PC*/ @media screen and (min-width:9 ...
分类:
其他好文 时间:
2018-06-07 14:19:46
阅读次数:
132
////对齐操作 使用margin属性进行水平对齐 margin:0 auto; 使用position属性进行左右对齐 使用float属性进行左右对齐 ////分类 尺寸操作 height line-height max-height min-height max-width min-width w ...
分类:
Web程序 时间:
2018-05-31 19:17:54
阅读次数:
177
图片外面的div设置宽高自适应width: 100vw; max-width: 640px; display: block; height: 43.75vw; max-height: 280px; flex布局列表换行 display: flex; justify-content: space-be ...
分类:
移动开发 时间:
2018-05-31 19:17:41
阅读次数:
260
在html文档中,元素体现为一个一个的方形盒子。每个盒子由以下四种属性来确定他在文档中的位置和大小: content 内容区域 padding 内边距 border 边框 margin 外边距 标准和非标准 在 定义下,content占据的空间由(min/max)width,(min/max)hei ...
分类:
其他好文 时间:
2018-05-30 15:04:57
阅读次数:
174
遇到的问题: 最近在使用Bootstrap框架做网页时发现,在小屏幕和手机屏幕之下(max-width: 768px),导航栏不能在点击导航链接时,自动折叠导航栏。或者在展开导航栏后,如果不点击其中的导航链接,用户在选择滑动屏幕时,不能做到自动折叠导航栏。需要用户手动点击折叠按钮,才能收回去。这在小 ...
分类:
移动开发 时间:
2018-05-30 01:22:08
阅读次数:
606
在制作网页中,我们经常会碰到min/max-width,min/max-height在IE6底下是无效的,这也是web设计师最头疼的问题之一,以下的方法可以解决这些难题,并且比较简约。当然,如果你还有更好的方法,希望能在主页留言给我:<div style="max-width:250px;">这段文 ...
分类:
Web程序 时间:
2018-05-17 16:49:46
阅读次数:
246