max-width

点击图片放大，再次点击还原（利用div简单效果）

z-index:1;}.modalimg{animation-name:zoom;animation-duration:0.6s;display:block;padding:10px;margin:auto;max-width
时光奶茶·2020-08-09 20:50

CSS 媒体查询any-hover any-pointer

1、2、@importurl(example.css)screenand(color);3、@mediascreen{*{font-family:sans-serif}}媒体特性(常用)width:(max-width
找到Web·2020-08-09 17:34

css样式实现td显示字体超长显示...鼠标悬浮显示全部

如果查询出来的这个字体太长，会影响我的展示效果，所以需要影藏超过固定长度的字体；varitemStr=""+""+""+""//+""+""+name+""+"";.fh{display:inline-block;max-width
探长大神·2020-08-09 14:01

html5的audio实现高仿微信语音播放效果（实际项目）

HTML部分：{$record.time}{$record.asr}css部分：.dialog-record.dialogspan.text{max-width:83%;height:auto;background
weixin_30251829·2020-08-09 13:47

mui实现侧滑菜单及主体部分上下滑动

mui实现侧滑菜单及主体部分上下滑动body{background-color:#000000;}.mui-off-canvas-wrap{max-width:720px;margin:0auto;}标题
依旧平凡·2020-08-09 03:04

jq弹出框封装

width:100%;height:100%;}.addson{opacity:0;position:fixed;top:40%;left:40%;z-index:9999;min-width:260px;max-width
xue_sunshine·2020-08-09 03:57

如何把图片做成移动端适配

代码如下计价规则body,html{margin:0;width:100%;height:100%;}img{width:auto;height:auto;max-width:100%;}
全世界最好的阚冬梅·2020-08-09 02:58

min-width:100%和max-width:100%的区别

值是多少,不包含margin；width:auto，根据设定对象的实际大小而自适应宽度，考虑设定元素的Margin值得大小，包含Margin2.max-width:100%和min-width:100%max-width
weixin_30577801·2020-08-08 23:27

CSS实现输入框宽度随内容自适应效果

面对这种需求，我们首先想到的是使用input元素标签，但是发现input标签的宽度默认设定的是固定的，不支持min-width和max-width样式，所以如果想实现宽度随内容自适应就必须通过js动态修改
weixin_30556161·2020-08-08 23:51

移动端通用顶部选项卡

header{display:block;margin:0;padding:0;border:0;}body{font-family:'微软雅黑';color:#666;min-width:320px;max-width
The_Quan·2020-08-08 22:18

el-dialog 中使用 el-select,el-checkbox, 选择的时页面闪烁根本问题，操作时闪现

important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100%-30px);max-width
栗鼠_抚殇·2020-08-08 20:28

pc端页面和移动端页面整合，在不修改代码的前提下，js整合代码

贝克抑郁量表（BDI）.contain{display:none;}@mediascreenand(max-width:640px){.box{display:none}.contain{display
xiaolei1888·2020-08-08 12:36

bootstrap初次使用

响应式布局根据终端的屏幕尺寸的大小，改变页面的结构,优点：大大降低了开发成本实现响应式布局：媒体查询+栅格系统媒体查询判断页面的大小，显示不同的效果//当屏幕宽度小于1200px时,执行样式@mediascreenand(max-width
yanglongbin1113·2020-08-07 22:08

nth-of-type和nth-child区别

是按照所有类型标签的所谓整体队列进行排序筛选，也就是说不论你是h1还是p标签，使用这个属性你要遵循在DOM树中的顺序来进行操作网站常用效果展开查看更多网站常用效果展开查看更多.sec{width:100%;max-width
暮长亭晚·2020-08-06 15:13

CSS漂亮的盒子 - 为嵌入图片和元素添加样式

max-sizemax-width属性意味着图片会随着包含它的容器缩小而缩小，但在容器变大时，它不会大到超过自身的固有尺寸注意：父元素不要设置高度Copy`img{max-width:100%;width
全栈工程师老黄·2020-08-06 11:38

CSS 媒体查询(any-hover any-pointer)

1、2、@importurl(example.css)screenand(color);3、@mediascreen{*{font-family:sans-serif}}媒体特性(常用)width:(max-width
找到Web·2020-08-05 23:22

移动端前端适配方案（总结）

核心语法是：@mediascreenand(max-width:600px){/*当屏幕尺寸小于6
陈迹·清欢·2020-08-05 16:35

无聊试着写个商品放大镜功能

css：.ylImg{width:100%;max-width:500px;margin:50pxauto0;position:relative;}.ylZoom{position:relative;}
myyt·2020-08-05 15:00

无聊试着写个商品放大镜功能

css：.ylImg{width:100%;max-width:500px;margin:50pxauto0;position:relative;}.ylZoom{position:relative;}
myyt·2020-08-05 15:00

jq实现瀑布流

css:*{margin:0;padding:0;}img{max-width:100%;}.container{max-width:1200px;margin:0auto;}.waterfall{position
myyt·2020-08-05 15:00

jq实现瀑布流

css:*{margin:0;padding:0;}img{max-width:100%;}.container{max-width:1200px;margin:0auto;}.waterfall{position
myyt·2020-08-05 15:00

el-table案例_动态匹配数据、分页、函数

el-table案例_动态匹配数据、分页、函数html/css//css.el-tooltip__popper{max-width:80%;}.tdContent{width:77px;display:
既来安之·2020-08-05 13:14

【css】用css巧妙实现移动端横向滑动展示功能

testbody,p{margin:0;padding:0;}.concent{margin:50pxauto;width:100%;max-width:750
汪小穆·2020-08-05 11:09

js兼容安卓和IOS的复制文本到剪切板，已做浏览器兼容处理，勿需插件

点击按钮实现需复制的文本内容；案例已做手机端浏览器兼容处理经测试，[QQ，微信，苹果，360，UC等]，可正常使用；案例代码如下：****（使用时：请调试到手机模式）案列1：单个复制手机端文案复制body{max-width
依然范特西的XXK·2020-08-05 03:31

鼠标滑过图片，图片上出现一个遮罩层并显示图片的提示文字

width:220px;height:220px;}//首先确定遮罩层中图片的大小.ih-item.imgimg{position:relative;width:220px;height:220px;max-width
夏天想·2020-08-05 01:17

JAVAweb+CSS实例

:absolute;left:0;top:50%;width:100%;height:400px;margin:-200px;overflow:hidden;/*隐藏滚动条*/}.container{max-width
mango_bobo·2020-08-04 21:21

JS 响应式布局

背景颜色也变化12345678910111213141516171819202122232425262728293031323334353637383940414243Title@mediascreenand(max-width
weixin_34387468·2020-08-04 20:24

html和css自适应页面原理！

一直有研究自适应，总是没什么进展，无意中发现了一个css库@mediascreenand(min-width:480px)这里说明一定要大于480px里面的css才会生效@mediascreenand(max-width
dazhe5·2020-08-04 13:13

博客园模板 样式优化

leftmenu{position:absolute;left:35px;width:350px;height:auto;}#main{margin-left:400px;margin-right:35px;max-width
weixin_34292924·2020-08-04 11:17

【改】 html5 中tab页面的简单转换

.tabs{width:100%;max-width:455px;float:left;}#div1input{opacity:0;border:1pxsolid#F0F0F0}#div1label{cursor
zhao_zang·2020-08-04 09:22

HTML/CSS——微信公众号二维码显示效果

效果：代码：微信公众号二维码.main{max-width:1080px;min-width:300px;margin:0auto;overflow:hidden;}/*footer*/.popoverinfo
STZG·2020-08-04 06:26

汉堡菜单的使用

在index.html中：插入汉堡菜单代码：在responsive.css中：@mediascreenand(max-width:550px){.nav{z-index:10;backgroun
weixin_30287169·2020-08-04 03:32

移动端web页面图片呈现方式

要么宽度100%，高度自适应.实际操作中，直接设置如下样式，基本可以解决图片变形的问题max-width: 100%!important;max-height: 100%!
素素_钗钗·2020-08-04 01:00

Panel 最大高度

UntitledPage#Panel1{max-width:220px;max-height:50px;overflow:auto;}protectedvoidButton1_Click(objectsender
flyskylf·2020-08-03 16:05

利用vertical-align:middle垂直居中

1.方法一，利用空的span实现图片居中div{width:400px;height:400px;background:orange;text-align:center;}img{max-width:100%
weixin_43743956·2020-08-03 11:20

进入微信后提示用浏览器打开

*{margin:0;padding:0;}a{text-decoration:none;}img{max-width:100%;height:auto;}.weixin-tip{display:none
Good 奈斯·2020-08-03 08:11

css 识别屏幕大小自适应

两种方法（1）原生自适应@mediascreen表示当屏幕大于320px，并小于1156px是执行下面的css@mediascreenand(min-width:320px)and(max-width:
u013378306·2020-08-03 05:30

仿携程网

酒店海外酒店假日酒店海外酒店假日酒店酒店海外酒店假日酒店海外酒店假日酒店酒店海外酒店假日酒店海外酒店假日酒店海外酒店假日酒店海外酒店假日酒店海外酒店假日酒店CSS部分*{margin:0;padding:0;}body{min-width:320px;max-width
温柔女魔头·2020-08-03 02:43

Html 用户反馈界面

nbsp;  别：男女年    龄：联系电话：电子邮件：联系地址：请输入您对网站的建议简介大气的用户反馈界面用户反馈.Content-Main{max-width
尼古拉斯@李小猿·2020-08-02 18:03

Html5添加自动排列图片的jquery响应式图片排列插件教程

content:"";display:table;}.container:after{clear:both;}.item{float:left;margin-bottom:10px;}.itemimg{max-width
Angel19951012·2020-08-02 15:26

[PYQT5]QSS练习，多彩界面实例-[tcp网络通信界面]

QSSQListWidget,QListView{max-width:120px;min-width:120px;outline:0px;background-color:#EEEEEE;}QListWidget
mahuatengmmp·2020-08-02 13:48

关于字体大小适配：根文档使用px，组件使用rem，文本元素使用em

举一个非常简单的场景，要根据3种屏幕大小适配字体：通常这么实现：/*Documentleveladjustments*/html{font-size:17px;}@media(max-width:900px
iteye_18428·2020-08-02 13:55

手机页面底部浮动的按钮

提交按钮html提交sass#footer{display:flex;justify-content:center;align-items:center;position:fixed;z-index:10;max-width
我是希希呀biubiubiu·2020-08-01 14:07

@media响应式媒介尺寸

一、定义断点手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768）设置相应的min-width和max-width值所以响应式设计一般对600px
jun_h5·2020-08-01 14:35

媒体查询

not（不再）|only（仅在）(mediafeature（设备尺寸）){CSS-Code;}body{background-color:grey;//正常情况是灰色}@mediascreenand(max-width
q_A_p·2020-08-01 14:34

css布局——行列基础布局

一、基础行布局代码：body{margin:0;padding:0;color:#fff;}.container{max-width:800px;width:100%;height:1000px;background
我亦是行人，行到天涯水穷处·2020-08-01 13:10

响应式web设计--图片

我们可以使用max-width属性很好的解决这个问题。使用max-width属性如果max-width属性设置为100%,图片永远不会大于其原始大小：自
冷月醉雪·2020-08-01 13:50

《全栈开发之道》第2次印刷后的勘误声明

勘误（期待第3次印刷更正）（1）P16页笔误：max-widht应更正为：max-width。按比例缩放发，更正：按比例缩放。
全栈开发之道·2020-08-01 12:41

H5+CSS3响应式导航条

mediascreenand(min-width:800px){.top_box{display:block;}.top_box_phone{display:none;}}@mediascreenand(max-width
「已注销」·2020-08-01 10:37

JQuery实现轮播图+中间放大V形

JQuery实现轮播图滚动+中间放大V形效果如下：代码如下：首页*{padding:0;margin:0;}.container{max-width:710px;margin:0auto;}.slide
婷小医仙·2020-08-01 09:32
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他