但是从后端动态取值的时候怎么办
CSS3 属性 object-fit
cover 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。
cover
contain 被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。
contain
fill 被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框。
enter description here
scale-down 内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。
enter description here
第一种方案 使用 background 属性，设置 url 设置 background-size contain ...
CSS相关 1.左边定宽，右边自适应方案： 2.左右两边定宽，中间自适应 3.CSS左右垂直居中 设置paddin...
html 结构： css代码： 定宽+自适应 float + margin float + overflow ta...
1.左侧固定宽度，高度自适应右侧效果图 ·html+css 你看代码，左侧确实没有定高，右侧也没有定宽。 2.左侧...
上次面试提到了一个css布局：实现左列定宽，右列自适应宽度，等高布局上次没有答出来，只实现了左列定宽，右列自适应宽...
顶栏和底栏定高 + 导航列定宽 + 内容区自适应 方案一：positionHTML代码： 顶栏定高 ...
定宽+自适应 float + margin float + overflow table flex 定宽+定宽+自...
给图片宽度自适应auto，定高，高=视宽document.documentElement.clientWidth*...
左边定宽，右边自适应方案： 左右两边定宽，中间自适应 左右居中 行内元素：text-align:center 定宽...
1.左列定宽，右列自适应 浮动： 绝对定位 flex 2.两侧定宽，中栏自适应 flex 3.右侧定宽，左侧自适应...
本文标题：
本文链接：https://www.haomeiwen.com/subject/snlicqtx.html
网友评论