max-width 第9页

改变 el-dialog 的宽度

在el-dialog增加customClass,且在全局style里写（style去掉scoped）.kub-mobileWidth{width:60%;}@media(max-width:768px)

小小程序员——Tracy·2021-03-31 17:47

[css] 说说你对min-width和max-width的理解，它们有什么运用场景？

[css]说说你对min-width和max-width的理解，它们有什么运用场景？min-width和max-width可以使得自适应布局保持一个基本的样式。

小歌谣（公众号同名）·2021-02-19 09:45

如何用HTML+CSS制作3D动态相册？ #情人节表白#

HTML代码：3D立体相册CSS代码：@charset"utf-8";*{margin:0;padding:0;}body{max-width:100%;min-width:100%;height:100%

Jasmine-White·2021-02-12 21:43

网站挂上欢度春节灯笼的代码

www.mym55.com代码已经做了压缩，放在网站头部下面就好了，至于灯笼的文字自己修改下.ct2.mn{width:770px;}.ct2.sd{width:218px;}@mediascreenand(max-width

巴斯德邯郸·2021-02-09 13:32

响应式布局

（PC端、iPad端、移动端）2）语法1——内部引入：（1）PC端：mediascreenand(min-width:992px){PC端的样式}（2）iPad端：mediascreenand(max-width

程序媛乔小乔·2021-02-09 01:55

基于react hook的红包雨动画

实现效果前言红包雨动画，下面的盒子不断移动接住红包提示：以下是本篇文章正文内容，下面案例可供参考一、html二、css.wrap,.box{position:relative;width:100vw;max-width

疯狂橙子·2021-02-03 16:05

寒假第三周网页制作总结

这次我采用了最大宽度max-width及最小宽度min-w

Teaic·2021-01-30 23:22

响应式 --- 媒体查询

反正又不难学就学喽方法1--css写法//CSS@media(max-width:320){//320像素以下执行里面的

·2021-01-29 15:23

移动端入门（响应式）

media(min-width:800px){/*如果某个媒体满足宽度800px之上，那么css如下*/body{background:#fdf;}}@media(min-width:600px)and(max-width

·2021-01-28 21:57

仿美团验证码

cursor-vcode.box{padding-left:20px;padding-right:20px;padding-top:60px;max-width:320px;margin-left:auto

甘草子XS·2021-01-27 18:46

自动化构建

使用sass创建一个scss文件//scss/main.scss$body-bg:#000;$body-color:#f00;body{margin:0auto;padding:20px;max-width

lowpoint·2021-01-26 14:45

PC端和移动端自适应问题解决方法

@mediascreenand(max-width:600px){.class{background:#fff;}}简单理解为可视区域最小宽度为900px，即大于900px下生效。

赫兹/Herzz·2021-01-07 13:48

element select内容溢出显示点且不换行

.el-select__tags{flex-wrap:nowrap;overflow:hidden;}.el-select__tags-text{display:inline-block;max-width

妖心changeless·2021-01-04 15:47

“width+padding+position百分比-实现响应式布局” and “a标签的使用” and “背景图的设定” and “三目运算在标签中的使用”

:24.25%;.horizontal-vertical-center{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}ul{max-width

mChales...·2020-12-30 14:37

web前端全栈0基础到精通（祺）16

750px设计稿750px=100vw1px=0.1333333vw;如果使用rem预设1rem=100px100px就是13.333333vw由此vm和rem就可以进行换算了Media@media(max-width

Midk·2020-12-28 12:59

javascript实现滚轮轮播图片

每次滚轮滚动ul移动一个li的距离HTML：CSS：.slide-container{max-width:1230px;mar

·2020-12-13 18:26

web前端全栈0基础到精通（祺）04

最大宽&高max-width和min-width:用来设置元素的最大宽度和最小宽度max-height和min-height:用来设置元素的最大高度和最小高度圆角属性Document.box1{width

Midk·2020-12-10 19:40

element下拉菜单多选超出

一：出现的问题二：修改.el-select__tags{width:100%;display:inline-block;max-width:300px;overflow:hidden;text-overflow

Jack_13201·2020-12-07 11:05

Rem 布局方式

important;}}body{min-width:320px;max-width:750px;/*flexib

抽疯的稻草绳·2020-11-30 16:15

使用flex进行两端布局，并且可以控制相邻元素的间距

Document.content{max-width:1200px;margin:0pxauto;margin-top:100px;}.content-inner{display:flex;border

chen_sir_sh·2020-11-02 17:39

jquery tab切换

padding:0;list-style:none;}.header{width:100%;height:50px;text-align:center;}.header_list{overflow:hidden;max-width

风不会停息321·2020-10-20 17:02

微信小程序样式基础

一、样式基础（wxss）在wxss文件中编写样式内容，使用class等为组建指定样式样式的属性：尺寸:width,height,min-width,max-width,min-height,max-height

qinqinqinqin0·2020-10-10 22:32

读书总结《响应式Web设计：HTML5和CSS3实战》

2、灵活图像（1）max-width将图片缩小至灵活容器为图片设置灵活容器，用max-width:100%防止图片超出容器。

简栋梁·2020-10-08 00:15

Vue动态获取浏览器窗口宽度

由于页面是flex布局，并且靠两端对齐的，所以给搜索框设置min-width和max-width基本上是排不上用场了。当时首先想到的是媒体查询，但是媒体查询不能实现按比例缩放的效果。

天猫精灵998·2020-09-28 17:25

vue使用element实现横向滚动

用element也很简单，滚动条没有默认的那么丑…scss:.img-list{ul{display:flex;li{display:inline-block;max-width:317px;max-height

玲曦·2020-09-27 14:24

懒人desktop responsive

@mediascreenand(min-width:1081px)and(max-width:1280px){body{transform:scale(0.8);transform-origin:00;

RoyChina·2020-09-23 14:35

JS实现无限轮播无倒退效果

每次移动前设置transition过渡效果，完成清除过渡效果，然后在到达最后一张图片的时候在清除过渡效果之后translateX（0）另外需要jq的引用HTML：CSS：.slide-container{max-width

·2020-09-21 17:58

图片自适应，且不超过原始大小，需要设置最大宽度

想要网页宽度自适应，你需要把网页元素宽度设置为百分比，还要在网页头部加上代码：图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{width:100%;max-width:100%;}

残剑破空落飞雪·2020-09-17 15:43

关于小程序中scroll-view横向拖动内容溢出处理实例

处理方式为在scroll-view下view新增一个view，然后设max-width，就可以处理这种情况。

脚男footman·2020-09-17 15:19

bootstrap 让文字显示在响应式图片上

img标签插入，文字相对布局在图片上；先说说第一种办法的问题，要想让背景图片完全显示出来，非得设置外层容器的高度，这样就失去了响应式；例如：#content-sec3{position:relative;max-width

大洋彼岸789·2020-09-17 11:45

关于layui文件上传-- 多图片上传预览

margin-top:15px;height:128px}#prevModal{width:100%;height:100%;text-align:center;display:none;}#img_prev{max-width

没有名字随便喊·2020-09-17 09:27

css实现限制文字字数

max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;

TCMvines·2020-09-17 03:16

CSS中width，min-width和max-width之间的联系

字面意思来看，width，min-width和max-width分别代表的是元素的宽度，最小宽度和最大宽度，那么他们之间有什么联系呢？.

卡卡的笔录·2020-09-16 23:11

html5+css写移动端顶部导航栏

用户指南html{max-width:1160px;margin-left:auto;margin-right:auto;}body{position:relative;text-rendering:optimizeLegibility

ggboy6555·2020-09-16 22:51

京东话费充值，点击出现的css样式

html页面端的实现1个玩家2个玩家3个玩家4个玩家css端的样式：ul.xuanglod{max-width:900px;margin-left:140px;}ul.xuanglod>li{box-sizing

chyykk·2020-09-16 22:24

JS使用cookie实现DIV提示框只显示一次

height:100%;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:10001}.default-img{width:auto;max-width

安忘·2020-09-16 19:16

css一些使用心得

在css里，可以使用text-indent标签控制段落首行缩进；max-width:%设置段落的最大宽度；margin为外边距，可以有1-4个值，分别为上右下左。

BondJames007·2020-09-16 17:59

总是忘记textarea的禁止拖动拖拽

1.完全禁止拖动：{resize:none;}2.横向禁止拖动：{resize:vertical;}3.只固定大小，拖动箭头依然存在：{width:200px;height:100px;max-width

weixin_38601190·2020-09-16 16:20

使elementUI的dialog上下左右居中

absolute;top:50%;left:50%;transform:translate(-50%,-50%);/*height:600px;*/max-height:calc(100%-30px);max-width

年年有鱼@·2020-09-16 15:49

element之popover弹出框

其他的都别改变了，这是因为你改的popover的样式是全局的，且它是独立于app之外的，也就是说你只能这么写.el-popover{display:inline-block;background:#1F4F6B;max-width

星星上的程序媛·2020-09-16 13:12

el-dialog 一些问题局中滚动

important;transform:translate(-50%,-50%);max-height:calc(100%-30px);max-width:calc(100%-30px);display

weixin_30566063·2020-09-16 06:58

bootstrap的less文件分析之@media媒介查询

例如：@mediascreenand(min-width:320px)and(max-width:360px){html{width:30px;height:20px;}}通过一系列规定好的宽高，屏幕处于什么范围

miao淼·2020-09-16 04:36

移动端字体单位该使用px还是rem?

rem配置参考，适合视觉稿宽度为640px的：html{font-size:10px}@mediascreenand(min-width:321px)and(max-width:375px){html{

单人可n·2020-09-16 04:50

Highcharts - 利用css设置tooltip的样式

important;>span{max-width:rem(200px)

weixin_34292402·2020-09-16 04:44

7 CSS Media Query

@media(max-width:

qq_41918105·2020-09-16 01:29

表格滚动，表头不滚动，表数据内容滚动

Titletabletrtd{/*border:1pxsolidred;*/text-align:center;vertical-align:center;}.table{width:100%;max-width

Caroline_Yang·2020-09-15 21:20

javascript实现雪花飘落效果

圣诞节快到了相信许多公司的前端都在会收到一个需求，那就是做一个关于圣诞节的专题，而这个专题为了应对圣诞节这个主题都会加上雪花飘呀飘这个小动画，当然我们公司也不例外，下面就是本人用js写的一小段雪花秀啦：html{max-width

·2020-09-15 17:46

vue图片在设置好的div里面自动适应宽高，显示全部图片，不够的留空白

height:200px;background:#f2f2f2;display:flex;justify-content:center;align-items:center;.rightulliimg{max-width

qq_41241767·2020-09-15 17:11

html5如何实现适配不同pc屏幕

-->Documentimg{max-width:100%;-ms-interpolation-mode:bicubic;}-->

净诚浩天·2020-09-15 16:07

图片（img）的等比例自动缩放

img{width:auto;height:auto;max-width:100%;max-height:100%;}根据父容器的自动缩放，并保持图片原来的比例。这样你设置父容器的大小就可以了

星期五の夜·2020-09-15 15:49

推荐频道

max-width