max-width

HTML的小动画

border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{max-height:100%;max-width
难取的名字·2020-07-06 06:04

送给女朋友的3D立体动态相册的实现代码

制作过程一、新建一个css文件，代码如下@charset"utf-8";*{margin:0;padding:0;}body{max-width:100%;min-width
忆逍遥·2020-07-06 04:19

flex模式文字溢出问题

text-overflow:ellipsis;overflow:hidden;white-space:nowrap;但是这个做法的前提是固定宽度，比如width：200px现在左边是自适应，使用的方法是父元素加上：max-width
1374616526·2020-07-05 15:48

safari浏览器中末尾出现省略号会出现tooltip的解决方法

单行要想末尾出现省略号，可以加上csswhite-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:200px;(自己设定一个宽
zhener09·2020-07-05 12:37

uniapp解析富文本图片溢出,超出的问题

1、在App.vue组件中（h5），直接在App.vue修改即可：uni-rich-textimg{max-width:100%!
Ace.斗皇·2020-07-05 09:49

网页抖音去水印源码

源码：在线抖音无水印视频解析.container{max-width:580px;padding:15px;margin:0auto;}.alert-dd{color:#000000;background-color
雪自纯阳落白衫·2020-07-05 08:18

jquery~吸顶导航效果（移动端）

css:*{margin:0;padding:0;}body{margin:0auto;max-width:10rem;}header{width:10rem;height:1rem;background
c_c_.·2020-07-05 07:19

JS小实例-模拟短信发送

background:#e5e;word-break:break-all;}.flimg{float:left;}.flp{float:left;margin-left:5px;line-height:24px;max-width
姚希瑶·2020-07-05 07:11

elementui表格超出部分显示省略号

el-table是有这个控制属性的：:show-overflow-tooltip=“true”2.官方的版本颜色跟字体有时未必能满足我们的需求，因此需要修改一下.el-tooltip__popper{max-width
茉茉莉莉呀呀呀·2020-07-05 06:09

js获取图片真实尺寸 - 代码篇

js获取图片真实尺寸-代码篇代码案例：js获取图片真实尺寸.thumb{width:auto;height:auto;max-width:100%;height:auto;}//图片地址varimg_url
草巾冒小子·2020-07-05 05:29

WEB前端知识总结

1、CSS3中设置max-width:为让图片更好适应屏幕；2、position:absolute;让元素脱离，z-index属性可以改变图片堆叠顺序3、如何让元素透明；background-color
智能人工·2020-07-05 03:18

关于WebView 修改HTML图片

importantNSString*strTemplateHTML=[NSStringstringWithFormat:@"img{max-width:320.0;height:auto!
BK_Samuel·2020-07-04 19:37

其他的支持响应式布局的插件

Respond.js是一个快速、轻量的polyfill，用于为IE6-8以及其它不支持CSS3MediaQueries的浏览器提供媒体查询的min-width和max-width特性，实现响应式网页设计
andrewcao95·2020-07-04 10:21

移动Web之流式布局

布局思想：流式布局，也称百分比布局设置根元素居中，内容向两侧填充通过根容器的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制为了保护内容在合理的范围内在页面中通常限制max-width最大宽
杨筱斌·2020-07-04 09:21

css 自适应

1.设备@media(min-width:960px)and(max-width:1060px){.page-logo-head{display:none;/color:red!
_嘿嘿_·2020-07-02 17:42

css文字溢出隐藏，一行文字或多行文字

Document/*文字显示一行，一行之后溢出隐藏*/.box{border:1pxsolidblack;max-width:400px;overflow:hidden;text-overflow:ellipsis
garyHoH·2020-07-02 15:16

css --- > 使用媒体查询当屏幕宽度小于某个值时,隐藏掉某个类

Bootstrap提供了一个封装好的类:.hidden-xs:当屏幕宽度1200px时隐藏下面使用css3的媒体查询来实现:@mediascreenand(max-width:768px){.hidden-xs
栗子好好吃·2020-07-02 14:20

响应式布局-media

：一套代码实现多种设备访问一致性（pc、平板、手机）优点：一直保持一个url，一套代码缺点：游览器支持程度（IE8及以下不兼容）二、@media使用语法格式1：@mediaonlyscreenand(max-width
小冉哥、·2020-07-02 11:00

js节流函数 + 过渡动画实现回到顶部效果

一个返回顶部的案例Document*{margin:0;padding:0;}img{max-width:99%;max-height:500px;float:left;padding:20px;box-sizing
凉晨·2020-07-02 07:43

CSS布局

圣杯布局单栏布局width收缩有滚动条max-width收缩无滚动条三栏布局双飞翼布局(http://js.jirengu.com/gotibulamo)BFC使行列元素有快列元素的特性，如width，
湖衣·2020-07-01 23:06

webView 加载标记语言

self.contentstringByReplacingOccurrencesOfString:@"\\"withString:@""];NSString*str=[NSStringstringWithFormat:@"\\\\\\\\img{max-width
只因为趁年轻·2020-07-01 22:56

html2canvas.js截取网页保存为图片

*{margin:0;padding:0;font:12px/1.5"MicrosoftYaHei",arial,simsun}img{max-width:100%;}html,body{width:100%
夏末_阳光依然耀眼·2020-07-01 19:29

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

width:220px;height:220px;}//首先确定遮罩层中图片的大小.ih-item.imgimg{position:relative;width:220px;height:220px;max-width
a497579916·2020-07-01 15:51

css3 实现图片遮罩效果,hover出现文字

opacity:0.9;color:#fff;background:rgba(0,0,0,0.8);}看源码吧无标题文档#contentarticle{float:left;margin-right:4%;max-width
狂飙-蜗牛·2020-07-01 15:16

为什么要使用rem

模仿网易移动端的的写法：html{font-size:13.33333vw}@mediascreenand(max-width:320px){html{font-size:42.667px;font-size
风神修罗使·2020-07-01 14:21

CSS媒体查询（media query）

一.什么是媒体查询先看一段简单的媒体查询代码：@mediaonlyscreenand(max-width:600px){.navside{display:none;}}上面代码的意思是：当页面尽在屏幕上显示
塞上江南果·2020-07-01 12:15

Flex 布局在IE浏览器下的糟糕表现

解决办法是给子项目设置一个max-width:100%。Edge修复了这个bug。下面这段代码，来动手看下在
weixin_30549657·2020-07-01 05:33

IE浏览器下flex布局的bug

解决办法是给子项目设置一个max-width:100%。Edge修复了这个bug。下面这段代码，来动手看下在
ala27792·2020-07-01 01:04

响应式布局

mediamediatypeand|not|only(mediafeature){CSS-Code;}@media(min-width:@screen-sm-min)and(max-width:@screen-sm-max
DJL箫氏·2020-06-30 21:06

上传图片并回显

margin-left:170px;padding-left:20px;}.file-list{height:125px;display:none;list-style-type:none;}.file-listimg{max-width
zuo_zuo_blog·2020-06-30 19:41

css:实现图片自适应大小

在编写网页时,如果图片大小事先是未知的,如果图片过大的话,会影响的网页中其他块的结构使用css可以将图片的大小调整到一个固定的值#mianimg{max-width:170px;width:170px;
Zooee·2020-06-30 19:51

@media

)mediaType取值all用于所有设备print用于打印机和打印预览screen用于电脑屏幕，平板电脑，智能手机等speech应用于屏幕阅读器等发声设备mediafeature常用取值width，max-width
静简明·2020-06-30 12:12

qss 记录

背景图居中，不重复，不拉伸可以设置背景颜色，颜色上面是背景图片QPushButton#main_btn_left{max-width:10px;max-height:68px;border:1pxsolid
雨田嘟嘟·2020-06-30 04:26

css如何让两个并列的按钮 水平居中显示

1、原有button样式为水平向左对齐.button{float:left;min-width:54px;max-width:250px;display:block;margin:0.3em;padding
xiaosongwahaha·2020-06-30 01:04

CSS布局

单列布局实现方式：定宽+水平居中width:1000px;//或max-width:1000px;margin-left:auto;margin-right:auto;max-width和width的区别
desperadokk·2020-06-30 00:00

购物车 如何实现数量增加，小计，合计，总数JSP中页面的变化

样式的调节：div.cartDiv{max-width:1013px;margin:10pxauto;color:black;}table.cartProductTable{width:100%;font-size
_张不帅·2020-06-29 22:09

【必看】CSS实现响应式布局的方法与media的使用教程

也能实现响应式布局要用的就是CSS中的没接查询，下面就介绍一下怎么运用：使用@media的三种方法1.直接在CSS文件中使用：@media类型and(条件1)and(条件二){css样式}@mediascreenand(max-width
weixin_43005415·2020-06-29 07:24

2020年一些前端的面试题（含答案）

1、css实现图片自适应宽高img{max-width:100%;max-height:100%;}2、什么是flex，写出常见属性，以及作用Flex即：FlexibleBox，弹性布局，用来为盒状模型提供最大的灵活性
心雨博客·2020-06-29 07:12

给img标签写自适应css样式

html代码自适应图片css代码.img-xys{display:inline-block;height:auto;max-width:100%;}解释一下css代码max-width:100%;和height
久伴亦久别·2020-06-29 05:27

Python实例：3D旋转图片

/img/preview.png);*/max-width:100%;min-width:100%;height:100%;background-size:cover;background-repeat
Twice_Destiny·2020-06-29 04:46

设置title提示框的样式

默认的title不能设置样式，通过js和css实现title的功能css样式：/*修改提示框*/#mytitle{position:absolute;color:#ffffff;max-width:160px
N丸·2020-06-29 04:24

H5表单验证2(h5自带验证美化)

optional:in-range和:out-of-range:valid和:invalid:read-only和:read-write//:required和:optional.container{max-width
我要加油。Fighting·2020-06-28 23:38

移动端

媒体查询@mediascreenand(max-width:800px){}@mediascreenand(max-width:600px){.list{width:100%;height:100px;
前端森林·2020-06-28 16:20

html里面修改title样式

默认的title不能设置样式，通过js和css实现title的功能css样式：/*修改提示框*/#mytitle{position:absolute;color:#ffffff;max-width:160px
weixin_33859231·2020-06-28 06:43

html+css实现电脑端显示(隐藏)手机端隐藏(显示)

html：//sj//pccss：.sjbdmap{display:none;}@media(max-width:768px){.sjbdmap{display:block!
weixin_30776273·2020-06-28 00:39

网页图片等比例缩小实现方案总结以及最佳实践

解决方案概述对于图片的缩放，有两种解决方案；一，设置imgDOM的max-width为100%；二，通过Js计算，来动态设置图片的宽度和高度；这要分两种
java锋哥·2020-06-27 22:00

html5: table表格与页面布局整理

传统表格布局之table标签排版总结：默认样式：table{max-width:800px;border-spacing:2px;border-collapse:initial;display:table
weixin_30578677·2020-06-27 21:10

移动端响应式布局--你不知道的CSS3.0媒体查询，解决rem部分情况下无法适配的场景...

例如，下面匹配iphone6/7/8屏幕@mediascreenand(max-width:375px){/*CSS代码*/}一般这么写，指的是webview的宽度，同样的，根据clientWidth设置根节点是
weixin_30384217·2020-06-27 19:23

11.14学习内容

1.媒体查询：@mediascreenand(min-width:A)and(max-width:B)意思就是可视屏幕的宽度在A到B之间，@mediascreenand(min-width:C)意思就是可视屏幕的最小宽度为
qzuser_1d64·2020-06-27 15:14

webRTc实现视频直播

justify-content:center;padding:050px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;}video{max-width
weixin_30278237·2020-06-27 15:54
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他