min-width

前端监听屏幕宽度尺寸变化（vue2）

checkMatchMedia函数用来在监听到事件时处理相关逻辑data(){return{mediaQuery:null};},mounted(){this.mediaQuery=window.matchMedia("(min-width
吉吉安·2023-08-31 09:32

css——宽度高度自适应

//min-width：最小宽度，当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性。
还需studystudy·2023-08-29 09:30

HTML+CSS3实现switch开关

伪元素.my_switch{display:none;}.my_switch+label{display:inline-block;box-sizing:border-box;height:22px;min-width
S拒绝拖延·2023-08-26 09:37

【element-ui】el-dialog改变宽度

解决方法：添加custom-class属性，然后在style中编写样式，注意，如果有scoped限定，需要加::v-deep::v-deep.dialogwidth{min-width:300px;}
Cutecumber·2023-08-26 07:20

圣杯和双飞燕子

margin为外边距，即绘制元素的起点，起点参考上一个元素，可为正可为负position为relative的元素并不会脱离文档流，所以其margin会产生合并布局之圣杯子html部分css部分body{min-width
yiludege·2023-08-26 00:31

【学习心得】页面banner布局相关

widthline-heightheaderheader需要设置一个main-content，在header中水平居中，可以margin：0auto；也可以通过flex布局内容如果不适配浏览器，直接定width即可如果要适配浏览器，可以设置min-width
Shiny0815·2023-08-25 00:39

樱花雨特效完整源码

特效中所需的图片、音乐及JQ源码文件麻烦自行下载有任何其他问题可留言CSS完整代码@charset"utf-8";*{margin:0;padding:0;}body{max-width:100%;min-width
LilyCoder·2023-08-22 16:44

CSS 部分属性说明

CSS部分属性说明1.max-width和min-widthmax-width:规定元素本身最大宽度，即元素本身(该div)的宽度应小于等于其最大宽度值min-width:规定元素本身最小宽度，即元素本身应大于等于其宽度值
小火车况且况且·2023-08-20 16:58

Element-ui 5列布局

el-col-sm-4-8，el-col-md-4-8,el-col-lg-4-8,el-col-xl-4-8命名，直接如下代码添加5列样式，直接如下图使用效果如下@mediaonlyscreenand(min-width
三碗白饭·2023-08-20 14:05

布局的几种方式

常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端2.设计方法PC：居中布局，所有样式使用绝对宽度
流觞小菜鸟·2023-08-19 19:08

前端实习day30

解决方法是：不要scoped，直接改全局样式@import"~@/config/theme.less";.el-menu--vertical.el-menu--popup{min-width:
我是小布啊啊啊·2023-08-19 06:47

CSS @media响应式布局

@media(min-width:XXXpx){......}就可以了
喻文波和史森明·2023-08-18 05:30

less 编译适配移动端页面示例

以下是根据三种宽度生成三种div的宽度@base360:360px;@base375:375px;@base412:412px;@mediascreenand(max-width:320px)and(min-width
追逐时光的光光·2023-08-17 23:08

vue中控制element表格列的显示与隐藏

column按最小制剂单位统计:按含量统计:实现方式就是拿到选项框里面的值，再根据里面的值来判断哪些column显示和隐藏；关于显示和隐藏可以设置变量；label="执行进度（%）（按最小制剂单位统计）"min-width
不爱吃糖的程序媛·2023-08-17 07:48

在CSS中添加手机端（移动端）自适应样式

根据不同的设备设定的样式：@media(min-width:768px){//>=768的设备}@media(min-width:992px){//>=992的设备}@media(min-width:1200
舞剑弄清影·2023-08-16 08:58

移动端总结

移动端技巧总结对移动端开发和适配的技巧总结，主要从适配和注意事项两方面进行总结1.媒介查询@media(min-width:300px)and(max-width:320px){}3.移动端特点响应式其实用的不多
MajorDong·2023-08-15 06:46

移动端适配

媒体查询所谓的响应式页面都是用媒体查询做的/*如果设备宽度在0-800px则生效*/@media(max:width:800px){/*csscode*/}/*设备宽度在321px-375px时生效*/@media(min-width
zzzZink·2023-08-15 04:33

css常用功能总结

300px){body{background-color:lightblue;}}如果文档宽度大于900像素小于1200像素则修改背景颜色(background-color):@mediascreenand(min-width
左左front·2023-08-14 02:03

面试小结

imgTest100px，相当于屏幕上50px设置html下font-size默认值为0.5px，为了计算方便一般会以100倍计算，也就是50px，如下，即1rem=50px：@mediascreenand(min-width
朝阳若蓝·2023-08-13 14:26

CSS哪些样式属性可以继承

不可继承的样式display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width
莫伊剑客·2023-08-10 09:53

iframe在ios设备宽度超出屏幕解决办法

解决办法:给iframe设置属性scrolling=‘no’给iframe设置样式：width:1px;min-width:100%;*width:100%;完整代码：iframe{width
菜菜___·2023-08-08 05:41

利用 scale 实现大屏展示按照设计稿等比例缩放方案

1080设计稿为例,如是其它设计稿可自行调整相应的比例，之后开发的话按照设计稿中的尺寸进行开发即可：整个项目根元素放在为设置根元素的样式；#root{width:1920px;height:1080px;min-width
简单就是不凡·2023-08-08 05:11

element-ui分页器

0025px;/deep/{.el-pager{width:75%;text-align:center;}.el-pagerli{border-radius:50%;}.btn-next,.btn-prev{min-width
乐佩佩佩佩·2023-08-08 03:54

媒体查询&响应式布局

：@media设备类型修饰符号(媒体特性-判断条件){css语法}-@media表示使用媒体查询媒介-设备类型手机、电脑、pad、打印机all-修饰符号and连接符-媒体特性检测常用的是用户的屏幕大小min-width
Moon.9·2023-08-04 10:00

响应式网页-媒体查询基本使用

-->媒体查询基本使用1/*如果当前的网页是显示在电脑or平板or手机上的,并且当前浏览器的宽度是大于等于1200px的,那么就执行后面大括号中的代码*/@mediascreenand(min-width
韦栋·2023-08-03 04:02

详细element-ui的走马灯carousel轻松实现自适应全屏banner详细过程

div部分-->CSS部分.bannerImg{width:100%;height:inherit;min-height:600px;min-width:1400px;}vue.JS部分varvm=newVue
undefined汪少·2023-07-31 13:53

写了个tooltip的切换动画，个人感觉比一些组件库的渐变动画好看

Document.changeLanguage{box-sizing:border-box;display:flex;align-items:center;position:relative;min-width
汤圆真的好可爱·2023-07-29 23:33

flex异常处理

容易出现在嵌套flex布局中flex:1overflow:hidden;text-overflow:ellipsis;white-space:nowrap;在最父级的flex:n元素中加入以下代码修复min-width
小红红乖乖·2023-07-29 04:08

css中flex后文本溢出的问题

原因：为了给flexitem提供一个合理的默认最小尺寸，flex将flexitem的min-width和min-height属性设置为了autoflexitem的默认设置为：min-width：auto
开水没有冬天·2023-07-28 06:12

二十六、媒体查询2

min-width视口的最小宽度(视口大于指定宽度时生效)m
gaoya7305·2023-07-26 05:35

相对绝对定位父元素不设置宽度，根据子元素撑开(white-space: nowrap；)

有可能会出现下图的情况也有可能出现下面的情况，文字被换行了（有时候这种情况也是可以的，取决于项目要求）这种情况是弹窗不设置width，设置最小宽度形成的但是我想要的是下图的样式1.弹窗不设置width，但是可以设置最小宽度（min-width
空&白·2023-07-25 21:19

移动端适配

1.metaviewport@media(max-width:800px){body{background:red;}}不大于800px的屏幕上css的样式才会生效@media(min-width:321px
实肆·2023-07-21 10:30

2022.4.30

100％，但是网页缩小的时候正常，内容在中间，但是放大就不行了，放大就是只有那么长，放大往右划，右边的黑色背景不显示了，然后我跟李阳，还有王荣贵，捯饬了一上午还没搞出来，最后找的人家官网看了看区别，加了个min-width
你好可爱a·2023-07-21 00:15

移动端布局总结

font-size的值发生变化*/@mediascreenand(max-width:320px){html{font-size:12px;}/*1rem=12px;*/}@mediascreenand(min-width
夢想成為程序员的碼農·2023-07-19 17:26

Bootstrap4 字体大小根据屏幕改变

1.媒体判断屏幕html{font-size:1rem;}@media(min-width:576px){html{font-size:1.25rem;}}@media(min-width:768px)
fendouweiqian·2023-07-16 19:10

统计页面左右+上下自适应布局

body{margin:0px;}.box_parent{min-width:1200px;min-height:800px;width:100%;height:calc(100vh-0px);.box
java-wujun·2023-07-16 15:42

display: grid布局

display:grid;grid-template-columns:1fr1fr2fr;color:var(--white);}@mediaonlyscreenand(max-width:998px)and(min-width
royluck·2023-07-16 14:25

Qt常用样式表-滚动条QScrollBar

height:12px;}QScrollBar::handle:horizontal{background:#C4C4C4;border:none;border-radius:4px;height:8px;min-width
一头秀发的程序猿·2023-07-15 14:07

html5的video全屏作为背景的方法

直接用css来实现代码如下：*{margin:0px;padding:0px;}video{position:fixed;right:0px;bottom:0px;min-width:100%;min-height
孟烦了的爱豆·2023-07-15 11:36

怎么调整响应式布局

2.使用媒体查询（css@media）@mediascreenand(min-width:401px)and(max-width:600px){body{ba
小怪兽，让我来保护你·2023-07-15 02:23

el-drawer和el-popover同时需要修改内部样式处理

:v-deep.el-drawer__body{padding:0;margin:0;}el-drawer需要用scope才可以配置成功el-popover修改如下：.el-popover-self{min-width
飘零未归人·2023-07-14 14:31

使用阿里云域名和腾讯云服务器 出现的问题--------记录

这里使用阿里云申请的域名，阿里云备案成功服务器为腾讯云，后端使用的node这里获取数据时返回一篇html如下温馨提示body{min-width:1200px;}div,ul,li,p,span,i,h2
T3165919332·2023-06-22 22:17

QT常用控件的QSS样式基本设置

QPushButton：QPushButton{min-width:100px;/*最小宽度*/min-height:30px;/*最小高度*/border:1pxsolid#3c7eff;/*边框*/
江心映明月·2023-06-20 13:48

CSS基础学习--19 下拉菜单

relative;display:inline-block;}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width
yyxhzdm·2023-06-18 19:34

flex布局 H5携程移动端头部搜索框 （二）

携程移动端原图效果图1、先在页面写个搜索模块div2、实现搜索框思路采用固定位置，position:fixed;给他一个最大最小宽度，限定死；min-width:320px;max-width:540px
战斗中的老段·2023-06-16 22:15

QSS实践汇总(13)——QSS不生效问题汇总

再设置局部边框属性border:none;border-bottom:1pxsolidred;2、设置宽高不生效(width、height)必须先设置控件的水平方向和垂直方向的策略为fixed才生效，否则只能使用:min-width
玲玲儿ANLY·2023-06-14 00:41

如何实现浏览器兼容pc端和移动端

端窗口多大如下图然后采用媒体查询来设置浏览器窗口程序如下@mediascreenand(max-width:980px){.facet_sidebar{background-color:brown}}@mediascreenand(min-width
时大本事·2023-06-10 14:16

bootstrap中水平定义列表的实现

不断活跃在行业技术最前沿，努力提供高质量前端技术博文慕课网一个专业的，真心实意在做培训的网站我来测试一个标题，我来测试一个标题我在写一个水平定义列表的效果，我在写一个水平定义列表的效果样式如下@media(min-width
天天发呆·2023-06-10 02:51

flex布局 一行显示两个同宽、高的盒子 并 可以换行

代码思路1.父元素设置flex布局，宽度100%，并允许换行2.子元素通过min-width规定，最小宽度，这样盒子就不能一直弹性的缩小下去了，就会产生换行的效果代码实现如下Doc
tengyuxin·2023-06-09 07:27

相关的CSS问题

8-10width和min-width的区别和差异性比较1、正常情况下：width:给块级元素/行内块元素设置固定的宽度，或者固定百分比的宽度。
废柴阿W·2023-06-09 02:13
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他