广告淘宝适配js文件下载地址 https://github.com/amfe/lib-flexible 开始 移动首页案例制作 弹性盒布局 body{ 的初始化样式 min-width:320px; max-width:540px; margin:0 auto; color:#000; backgr ...
分类:
移动开发 时间:
2020-03-21 21:56:45
阅读次数:
119
<table style="width: 656px;"> <tbody> <tr> <td id="artContent" style="max-width: 656px"> <div style="width: 656px; margin: 0; padding: 0; height: 0;"> ...
分类:
Web程序 时间:
2020-03-19 16:29:01
阅读次数:
68
html: <button id="showToast">此按钮是测试toast的例子</button> CSS: /*手机*/ @media screen and (max-width:600px) { /* toast start */ @-webkit-keyframes toastAnima ...
分类:
其他好文 时间:
2020-03-15 18:54:16
阅读次数:
61
计算方法 计算rem方法: 结合媒体查询 -> 随着设备的改变 更改html font-size的值。 ? 媒体查询确定范围?? ? 移动端设计图 : 640px 750px 1080px; dpr 2 2 3 范围 320px 375px @media screen and (max-width: ...
分类:
其他好文 时间:
2020-03-11 01:07:15
阅读次数:
253
<style> /*手机*/ @media screen and (max-width:600px){ .box_2 { padding-top: 45px; padding-bottom: 50px; /* background: #fff; */ /* 添加背景图片 */ background- ...
分类:
移动开发 时间:
2020-03-10 16:01:01
阅读次数:
63
宽度自适应: 默认宽度100%的元素 width:;单位为% 最小宽度自适应: min-width:; 最大宽度自适应: max-width:; 高度自适应: 不写height,让内容撑起 height:50%; 前提==>html,body{height:100%;} 最小高度自适应: min-h ...
分类:
其他好文 时间:
2020-03-09 17:30:37
阅读次数:
56
媒体查询,语法如下,示例:当屏幕大于600小于900时样式生效: @media screen and (min-width:600px) and (max-width:900px) { body { background-color: red; } } 文本和字体: @font-face{ font ...
分类:
其他好文 时间:
2020-03-07 00:04:46
阅读次数:
64
max size max width属性意味着图片会随着包含它的容器缩小而缩小,但在容器变大时,它不会大到超过自身的固有尺寸 注意:父元素不要设置高度 有时候某些设计者或内容管系统会在HTML源代码中给图片天机awidth和height属性,这里把width和height设置为auto,某种程度上可 ...
分类:
其他好文 时间:
2020-03-06 21:41:26
阅读次数:
344
; 03-03CSS属性继承: 不可继承的:display、margin、border、padding、background、height、min-height、max- height、 min-width、max-width、overflow 所有元素可继承:visibility和cursor。 ...
分类:
其他好文 时间:
2020-03-04 12:55:19
阅读次数:
58
white-space:nowrap; 控制容器内的文本,不允许换行。 min-width:最小宽度 当内容宽度小于最小宽度时,容器的宽度等于最小宽度。 当内容宽度大于最小宽度时,容器的宽度等于内容宽度。 max-width:最大宽度 当内容宽度小于最大宽度时,容器的宽度等于内容宽度。 当内容宽度大 ...
分类:
Web程序 时间:
2020-02-22 16:16:14
阅读次数:
125