一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动 ...
分类:
其他好文 时间:
2017-09-27 22:36:08
阅读次数:
281
@media screen and (max-width: 319px) { html { font-size: 85.33333px } } @media screen and (min-width: 320px) and (max-width: 359px) { html { font-size... ...
分类:
移动开发 时间:
2017-09-26 17:52:47
阅读次数:
489
今天帮别人做了一个兼容pc端和移动端的页面,正好温习了一下媒体查询的知识。 1、@media screen and ( max-width : 600px ){ /*屏幕宽度<=600px的样式*/ } 2、@media screen and ( min-width : 600px )and (ma ...
分类:
其他好文 时间:
2017-09-22 00:48:20
阅读次数:
99
移动开发基本知识点一. 使用rem作为单位html { font-size: 100px; }@media(min-width: 320px) { html { font-size: 100px; } }@media(min-width: 360px) { html { font-size: 112 ...
分类:
移动开发 时间:
2017-09-20 18:05:50
阅读次数:
341
1.psp 2.进度条 3.代码累积折线图 4.博文字数累积折线图 5.psp饼状图 ...
分类:
其他好文 时间:
2017-09-19 03:22:24
阅读次数:
152
/* IE9 , IE10 ,IE11 */ @media screen and (min-width:0\0) { /* IE9 , IE10 ,IE11 rule sets go here */ } /*IE10*/ @media screen and (-ms-high-contrast: a ...
分类:
Web程序 时间:
2017-09-14 13:14:02
阅读次数:
224
@media screen and (min-width: 320px) {html{font-size:85.5px;}} @media screen and (min-width: 360px) {html{font-size:96.1875px;}} @media screen and (mi ...
分类:
移动开发 时间:
2017-09-12 16:02:20
阅读次数:
172
【Flex Basis与Width的区别】 Flex Items的应用准则 Flex Items的应用准则 content –> width –> flex-basis (limted by max|min-width)也就是说, 如果没有设置flex-basis属性,那么flex-basis的大小 ...
分类:
其他好文 时间:
2017-09-11 14:20:54
阅读次数:
192
1前言agg::line_profile_aa是agg::renderer_outline_aa渲染线段的属性设置类,aa就是anti-aliased的意思,具有抗锯齿功能。2函数功能说明如下简单介绍一下对于线段的属性设置,主要是调用agg::line_profile_aa对象的成员函数:agg::line_profile_aa::min_width()字面上理解就..
分类:
其他好文 时间:
2017-09-07 14:52:14
阅读次数:
105
背景,做一个前面图片宽度固定,后面宽度自适应,使用到了flex布局,但是想让后面div里文字不换行,超出以点点表示时,这时布局就乱了,查了下,原来flex布局与white-space:nowrap有影响 解决办法,父div设置min-width:0即可 ...
分类:
其他好文 时间:
2017-09-05 20:07:18
阅读次数:
175