max-width

css的盒子模型

width和height是指content内容的宽高当width的值小于min-width时，则宽度为min-width当width的值大于max-width时，则宽度为max-widthmin-width
陈莺莺呀·2020-01-31 15:00

css的盒子模型

width和height是指content内容的宽高当width的值小于min-width时，则宽度为min-width当width的值大于max-width时，则宽度为max-widthmin-width
陈莺莺呀·2020-01-31 15:00

Web_7 电商站首页布局

1效果演示电商首页效果.gif2CSS技巧【1】通用CSS样式编写html之前可以先规范好通用的CSS样式，比如网页的整体布局居中，可以使用container包裹器包裹，设定container的max-width
kerooooo·2020-01-17 17:43

webpack移动端px自动转化为rem

CSS媒体查询实现响应式布局@mediascreenand(max-width:980px){.header{width:900px;}}缺点：需要写多套适配样式代码rem相对单位原理：页面渲染时动态计算根元素的
小蜗牛的碎碎步·2020-01-17 14:58

javascript实现一个粒子动效的按钮

html：Buttoncss：button{min-width:100px;max-width:150px;min-height:40px;border:0;outline:0;color:white;
zaijinyang·2020-01-10 16:00

jquery实现吸顶导航效果

本文实例为大家分享了jquery实现吸顶导航效果的具体代码，供大家参考，具体内容如下css:*{margin:0;padding:0;}body{margin:0auto;max-width:10rem
c_c_.·2020-01-08 09:42

前端-响应式布局

100vw;}@functionvh($px){@return($px/1075)*100vh;}@functionrem($px){@return($px/100)*1rem;}2.媒体查询@media(max-width
追光者·2020-01-08 09:27

在hf.html中头部插入header.html,尾部插入footer.html

MetroUICSSfooter.htmlCopyright2012-2016SergeyPimenovhf.html引入头部和尾部.page-content{padding-top:50px;}@mediascreenand(max-width
小飞船1号·2020-01-08 08:35

Qt样式表属性

QT样式表属性大全Box样式width：宽度height：高度max-width：最大宽度max-height：最大高度min-width：最小宽度min-height：最小高度margin：边距尺寸margin-topmargin-rightmargin-bottommargin-leftpadding
看不见的R·2020-01-06 22:00

图片居中方法

.box{width:100px;height:100px;display:table-cell;vertical-align:middle;border:1pxsolidgray;}.boximg{max-width
常青1890·2020-01-06 09:07

高级8-媒体查询，栅格系统

min-width:1200px)not(width:1200px){body{background-color:#f00;}}在页面1200px>=宽度>900px时页面背景为绿色@mediascreenand(max-width
24_Magic·2020-01-04 10:14

菱形图片

rotate（）变形样式菱形图片.photo{margin:5%auto;width:150px;transform:rotate(45deg);overflow:hidden;}.photo>img{max-width
_菡曳_·2020-01-03 20:16

v-html 渲染图片显示问题

\1/ig,'style="max-width:100%;height:auto;"')//方式二})this.describe=descData;//v-html渲染的
冬天的_太阳·2020-01-03 07:10

为什么使用Bootstrap？

实现这个功能依赖两个东西，一个是view，另一个是max-width，min-width。2.CSS模块
博为峰51Code教研组·2020-01-03 03:05

媒体查询

媒体查询代码，一般是表示只有在屏幕尺寸小于或大于某某像素才应用某一样式例如：@mediaonlyscreenand(max-width:639px)...手机端的代码一般把宽度写成百分比，图片的宽度写成百分比会根据屏幕自动缩放
-273℃·2020-01-02 23:00

移动端是怎么做适配的?

2.1link标签中加上meta2.2css引入meta@media(min-width:769px){body{background-color:red;}}@media(max-width:768px
海狗菌hisen·2020-01-02 18:26

自定义日历，可选择、显示预订信息

可点击选择日期，可显示已选日期、预订内容style：.reserve-calendar{#dateInput{background:#33CCCC;color:white;font-weight:bold;max-width
庄翠的博客·2020-01-02 17:00

手机端自适应 解决移动端页面放在pc 端 字体放大 、width 100% 问题

/*手机端最小320px*/@media(max-width:320px){html{font-size:42.6px;}}/*320---375*/@media(min-width:321px)and
轩轩小王子·2020-01-02 14:01

移动端页面（响应式）

事件(jquery.swipe插件)没有resize没有滚动条3媒体查询第一种第二种@media(min-width:769px){body{background-color:red;}}@media(max-width
海狗菌hisen·2020-01-01 09:07

可继承的CSS样式属性

字体，文本样式属性不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width
一只dororo·2019-12-31 22:21

Bootstrap 精华一页纸

1、布局部分采用了网格式布局（本质上是table布局，把页面按照网格进行布局）I、把设备分为了四种-按找媒体查询，实现响应式布局(按照max-width/min-width进行区分)xs768sm768
轩居晨风·2019-12-31 22:21

flex布局---9.携程网案例

访问网站：m.ctrip.com1.技术选型方案：单独制作移动端页面的方案技术：采用flex伸缩布局2.搭建相关文件夹结构3.引入相关文件携程在手，说走就走4.body样式body{max-width:
deer_cen·2019-12-31 09:00

响应式百度1029

媒体查询@mediaonlyscreenand(max-width:287px){}onlyscreen一起的如果老式浏览器不认识{max-width:287px},前面的onlyscreen也不好用了
爆米花0104·2019-12-31 07:43

移动端自适应字体处理

设置容器的字体即可@mediascreenand(max-width:321px){.m-navlist{font-size:15px}}@mediascreenand(min-width:321px)
stone_yao·2019-12-31 06:10

2018-05-21

中等比例居中问题上代码/**老潘*方法一*//*#box{display:flex;justify-content:center;align-items:center;}img{max-height:100%;max-width
遥瑶无期·2019-12-30 17:29

css3流星雨动画

margin:0;overflow:hidden;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.4));}#stars{margin:0auto;max-width
LI_4058·2019-12-30 16:10

Dream Talk | 最白日梦的儿童节礼物

.bizsvr_0{max-width:100%;min-height:1em;text-align:center;}.bizsvr_1{max-width:100%;line-height:1.75em
白日梦旅行·2019-12-29 22:49

sass 媒体查询mixin

/*----variables----*/$large:'screenand(min-width:768px)';$small:'screenand(max-width:767px)and(min-width
JamesSawyer·2019-12-29 07:00

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

1、css实现图片自适应宽高img{max-width:100%;max-height:100%;}2、什么是flex，写出常见属性，以及作用Flex即：FlexibleBox，弹性布局，用来为盒状模型提供最大的灵活性
乐天派的普通人·2019-12-29 03:21

布局方法

HTML:HelloUsersAmyCSS：.users{width:100%;max-width:1200px;margin:40pxauto;padding:020px;box-sizing:border-box
小鸥美·2019-12-28 21:45

vue-pdf实现文件预览放大、缩小、上下页

1.下载依赖cnpminstall--savevue-pdf2.代码​.main{overflow:auto;max-width:375px;max-height:530px;}顺时针逆时针-->上一页下一页
高级前端工程师Vue方向·2019-12-28 17:42

【重构笔记-1】media query兼容IE

以下两个插件均不支持样式表跨域页面布局变化时均有500ms左右的延迟Respond.jsRespond.js只支持mediaquery的min-width和max-width属性引入时，样式表放在Respond.js
hershin·2019-12-27 09:47

图片水平垂直居中 不固定宽高

@mixinhv-align-auto($maxwidth){width:100%;max-width:#{$maxwidth};margin:0auto;.hv-align-inner{display
smartHui·2019-12-27 00:15

响应式图片

相对大小max-width:100%对于笔记本电脑或者台式机屏幕这样的设备，不要假设窗口尺寸和屏幕尺寸相同。
Corall·2019-12-26 00:49

task11常见布局

1、单栏布局Paste_Image.png方法：（1）定宽，width,min-width,max-width（2）块级元素水平居中。
tangmengyun·2019-12-24 13:38

day1-单位

、单位一、颜色单位：英文单词、16进制、rgb、rgba、transparent二、尺寸单位：px、百分比（高度设置，需HTML和body设置高度）、最小min-width、min-height、最大Max-width
大大的小小小心愿·2019-12-24 09:20

自动PC端显示 手机端隐藏CSS代码判断实现

我们可以使用下面的代码来实现：电脑端显示，手机端隐藏实现方法：CSS控制判断@mediascreenand(max-width:1221px){.wapnone{display:none;}}在需要隐藏的区域加一个
zmki·2019-12-24 09:00

CSS3响应式布局

手持设备projection打印预览screen彩屏设备speech"听觉"类似的媒体类型tty不适用像素的设备tv电视关键字andnot表示排除某种指定的媒体类型only用来定某种特定的媒体类型媒体类型(max-width
我拥抱着我的未来·2019-12-23 08:09

Bootstrap全局样式 - 图片

知识点类|描述|:-:|-:.img-responsive|max-width:100%;height:auto;和display:block;图片响应式.center-block|图片水平居中.img-rounded
蝴蝶结199007·2019-12-22 07:33

电商菜单去抖技术（debounce技术）

事件对应的展示右边的弹出框代码如下：HTML代码：行业分类工业机械洗衣机家用电器工业化工电动车洗衣机工程定制0123456701234567CSS代码：#news{background:#ffffff;width:100%;max-width
郝特么冷·2019-12-21 18:35

使用inline-block解决文字过长自动换行的问题

要实现的效果是对话框根据文字长度自动变长变短，并且有一个最大宽度，即max-width属性保证不变的过宽而不好看
Marco_Deng·2019-12-21 15:34

移动端H5内嵌扫一扫实现拍照且解析二维码

若直接使用此代码请下载qrcode.js代码并引入识别二维码body{margin:0;}.module-content{min-width:320px;max-width:1000px;width:100%
AjingA·2019-12-19 17:44

IT兄弟连 HTML5教程 Media Queries的使用方法

例如，width会有min-width和max-width媒体查询可以被用在CSS中的@media和@import规
老码农的一亩三分地·2019-12-19 08:00

IE8 兼容性处理

注意阅读KnowsIssuesHTML5支持html5shivCSS兼容性max-widthIE解析max-width所遵循的规则：严格要求直接父
KeKeMars·2019-12-19 04:20

<>学习笔记(1):css编码技巧

只能修补某个特定分辨率下的特定问题 2.1减少媒体查询:  2.1.1.使用百分比长度来取代固定长度[新知识点:vm,vh,vmin,vmax]  2.1.2.当需要在较大分辨率下得到固定宽度是,使用max-width
yingzigo·2019-12-18 10:43

js实现上传图片并显示图片名称

img{max-width:100%;height:100px;margin:10px20px;}.img_list.img-div{width:100px;height:200px;float:left
小女子的博客·2019-12-18 08:21

css流星 效果

height:100%;margin:0;overflow:hidden;background:#000；position:relative;z-index:999;}#stars{margin:0auto;max-width
乖乖女dome·2019-12-17 16:00

响应式布局的开发基础及注意事项

属性值：content属性值（2）设置媒体查询mediaquery样式$screen-sm:768px;$screen-md:992px;$screen-lg:1200px;//超小屏手机@media(max-width
刘哈哈icey·2019-12-16 03:35

寒冬期前端准备总结---CSS篇

important>内联>id>class>属性>标签>伪类>通配符（*）>浏览器默认行内、（内联、链接会被后面的覆盖）max-width可以覆盖掉width：!imp
cythia_yyy·2019-12-16 00:17

CSS系列篇：布局

一、单列布局Paste_Image.png1、width和max-width的区别注意点：设置width，当屏幕宽度缩放缩小到比设置值还小时，就会产生滚动条。
huangyh_max·2019-12-14 23:11
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他