min-width

Javascript小案例--树形菜单（菜单数据为对象）

box-sizing:border-box;font-size:14px;}body{background-color:#444;}/*侧栏菜单*/.aside_menu{position:fixed;min-width
bitDesigner·2023-09-21 16:59

el-table如何实现自动缩放，提示隐藏内容

前提问题：大屏展示中某一个区域是表格内容，当放大或缩小网页大小时，表格宽度随之缩放，但表格内容未进行缩放，需要表格内容与网页大小同时进行缩放，且表头和表格内容宽度不够未显示全时，需要进行提示解决过程：使用min-width
小陈学前端_·2023-09-19 15:42

移动端 rem

所以css的容器经常会这样写，给予一个宽度范围：#indexContainer{width:100%;min-width:320px;max-width:768px;min-height:100%;font-size
无名小码农·2023-09-16 13:01

响应式/移动端页面

例子：媒体查询教程-—MDN/*一种限定条件*/@media(max-width:375px){/*最大宽度小于375px时，以下样式生效*/body{background:red;}}@media(min-width
黄同学2019·2023-09-16 10:41

黑马面面布局开发

rem布局vw/vh布局响应式布局本次案例：flex+rem+flexible.js+LESS初始化文件引入normalize.cssless中初始化body样式约束范围@mediascreenand(min-width
不爱吃菜的蔡菜·2023-09-15 19:17

CSS宽度问题

测试代码：.box{display:inline-block;border:1pxsolid#e8e8e8;min-width:20
逛街的猫啊·2023-09-11 06:09

css 渐变实现loading

box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;min-width
给钱，谢谢！·2023-09-11 05:46

css3 对话框上的三角形

;border-radius:4px;padding:10px;font-size:12px;text-align:center;white-space:nowrap;line-height:1.2;min-width
追风筝的一朵云·2023-09-10 12:29

初始布局为两栏，当窗口宽度减少到一定程度，布局变为一栏

解决方案：使用最小宽度abody{height:100px;margin:0;}.div1{width:50%;height:100px;float:left;background-color:pink;min-width
斑驳的岁月·2023-09-10 09:20

前端常用的几种布局方式(易懂版）

布局特点：不论屏幕的大小，页面宽高始终不变，始终维持最初设计时的样式大小来显示；常规的PC端网页都是用的静态布局，也就是设置了min-width，当小于这个宽度的时候出现滚动条，当大于的时候让内容居中，
翻斗花园-图图·2023-09-07 02:19

CSS捉迷藏插画简单,CSS学习进阶：一些CSS设计的实用小技巧参考

放到标签下，然后为div指定一个类，然后CSS这样设计：#container{min-width:600px;width:expression(document.body.clientWidth关于居中垂直居中
weixin_39907658·2023-09-06 05:46

媒体查询适配使用

@mediascreenand(min-width:最小像素，闭区间)and(max-width:最大像素开区间){.div样式标签名{//该屏幕处在像素对应要展示的样式font-size:17px;}
过了个羊·2023-09-05 11:27

【前端demo】CSV&JSON转换器 原生实现：CSV转换为JSON，JSON转换为CSV

文章目录效果过程textareaTooltip提示工具按钮的min-width判断输入是否是CSV或JSONJSON与CSV样例JSON转为CSVCSV转为JSON不足之处代码HTMLCSSJS其他demo
karshey·2023-09-05 04:24

BootStrap框架

一、媒体查询1.基本语法根据设备宽度的变化，设置差异化样式1.1开发常用写法，媒体特性常用写法：max-widthmin-width@media(媒体特性){选择器{样式}}1.2书写顺序min-width
自动花钱机·2023-09-05 00:36

基于rem和vm和calc实践代码：

html{font-size:16px;}@mediascreenand(min-width:375px){html{/*iPhone6的375px尺寸作为16px基准，414px正好18px大小,60020px
悠哉悠哉过日子·2023-09-02 18:23

fastadmin中时间选择器

field:'start_time',title:'开始时间',formatter:Table.api.formatter.datetime,addclass:'datetimepicker',style:'min-width
洗耳恭听_kai·2023-09-02 12:17

flex布局左边自适应,右边宽度固定

wxml:左边自适应右边固定wxss.content{display:flex;align-items:center;just-content:space-between;}.left-content{min-width
性野喜悲·2023-09-02 06:40

头歌：使用 HTML/CSS 实现 Educoder 顶部导航栏

{padding:0;margin:0;}.color-white{color:white;}左边容器右边容器header{background-color:#24292D;display:flex;min-width
lagrahhn·2023-08-31 12:51

前端监听屏幕宽度尺寸变化（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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他