码迷,mamicode.com
首页 >  
搜索关键字:适应    ( 9858个结果
你知道我们平时在CSS中写的%都是相对于谁吗?
0.引言 在我们编写css的时候,经常会用到百分比赋值(%)实现自适应。像我们最常使用的流式布局设计模式,基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题,我们常常会使用下面这样的css代码加以实现(absolute+transform思路): .wrap { ...
分类:Web程序   时间:2020-07-07 00:40:28    阅读次数:27
css实现不定宽高的图片img居中裁剪_类似微信朋友圈图片效果
需求如下: 前端需要显示矩形的缩略图,接口返回的图片尺寸大小不一,宽高不相等,需要前端来处理并显示成正方形,类似微信朋友圈图片的效果,等比例正方形显示在列表中,让图片根据宽高来自适应显示在页面上。那么使用纯css该如何实现不定宽高的图片居中裁剪呢? mate标签: <meta name="viewp ...
分类:微信   时间:2020-07-07 00:30:55    阅读次数:8
字节跳动前端日常实习三轮技术面经
一面 项目: 描述项目某个功能的实现 react的特点 为什么要使用redux+immutable,redux和全局变量的区别 diff算法 react-redux的工作原理和相关源码 还有一些项目的细节 然后是基础知识: 实现一个百度搜索框,包括垂直左右居中,自适应的特性 BFC的相关特性和应用 ...
分类:其他好文   时间:2020-07-06 12:41:06    阅读次数:12
四种常见系统架构介绍
软件架构(software architecture)就是软件的基本结构。 合适的架构是软件成功的最重要因素之一。大型软件公司通常有专门的架构师职位(architect),只有资深程序员才可以担任。 如果一个软件开发人员,不了解软件架构的演进,会制约技术的选型和开发人员的生存、晋升空间。这里我列举了 ...
分类:其他好文   时间:2020-07-06 10:51:01    阅读次数:7
面试官问:你有多少种方式实现三栏布局?
一、什么是三栏布局 三栏布局即左右元素固定宽度,中间元素自适应。代表布局有圣杯布局和双飞翼布局,当然还有其他方式可以实现,下面是详细介绍。 二、实现方式 1.自身浮动 元素顺序:中间盒子必须放在最后,左右元素任意排列 原理:左边元素左浮动 右边元素右浮动 缺点:当浏览器宽度不足以容纳三个元素时,中间 ...
分类:其他好文   时间:2020-07-06 00:48:17    阅读次数:30
【从C#走进python】一、上下文管理器
我个人对python的学习没有那么系统,一开始想改造引用的类库,发现自己被一些语法问题卡顿,效率就低了。 于是就很想看看C#与python的比较,感觉这样切语言适应起来会舒服些,我就自己写吧。 买了一本书《深入理解Python特性》,嗯我总觉得那些像字典一样的书实在难以提升我的学习兴趣,这本书就很有 ...
分类:编程语言   时间:2020-07-05 23:24:32    阅读次数:23
html中map area 热区自适应的原生js实现方案
在做自适应网页的时候,如果在图片中使用了热区map。图片可以通过样式实现:图片大小随页面变化,但是MAP中每个area的坐标并不能通过css直接实现自适应。这篇文章就介绍通过原生js来实现:MAP中每个area的坐标也随页面等比例的变化效果。 map area 热区自适应的实现代码 html: <s ...
分类:Web程序   时间:2020-07-05 21:29:33    阅读次数:22
BFC是什么?如何形成BFC,有什么作用?
BFC的定义: BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 如何形成: 根元素 float属性不为none ...
分类:其他好文   时间:2020-07-05 20:59:37    阅读次数:14
HTML5响应式(自适应)网页设计
自适应丨Html5响应式(自适应)网页设计 第一步:在网页代码的头部,加入一行viewport元标签 <meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意 ...
分类:Web程序   时间:2020-07-05 15:05:38    阅读次数:22
背景大小 | background-size (Backgrounds & Borders) - CSS 中文开发手册 - Break易站
CSS 中文开发手册 背景大小 | background-size (Backgrounds & Borders) - CSS 中文开发手册 background-size CSS属性指定一个元素的背景图像的大小。图像可以保留其自然大小,拉伸到一个新的大小,或约束,以适应可用空间,同时保持其固有的比... ...
分类:Web程序   时间:2020-07-04 01:45:38    阅读次数:27
9858条   1 2 3 4 ... 986 下一页
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!