min-width

前端布局

常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。
mb5cd31c406251d·2019-05-09 02:23

怎样实现H5+CSS3手指滑动切换图片的示例代码

具体代码如下：HTML代码：H5手指滑动切换图片ul,li{margin:0;padding:0;}@mediascreenand(min-width:240px){html,body{font-size
sayno·2019-05-05 14:37

H5适配解决方案（移动端+PC端）

font-size:13.3333333vw;/*font-size=50/375*100%使用的是苹果两倍的设计*/}/*防止页面过宽，限制600px，超过后固定font-size:80px*/@media(min-width
秋玄语道·2019-04-22 14:08

vw+rem移动端适配

html{font-size:16px;}@mediascreenand(min-width:320px){html{/*iPhone5的320px尺寸作为14px基准，320px正好14px大小,37516px
沉迷学习中·2019-04-15 16:07

css样式

1.css文字超出宽度显示成….txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/*如果没有文字超出隐藏的效果，可以加上min-width
domunweb·2019-04-09 11:28

jQuery插件--分页

外面盒子样式---自己定义*/.page_div{margin:20px10px20px0;color:#666}/*页数按钮样式*/.page_divbutton{display:inline-block;min-width
快乐的单身汉·2019-04-03 00:00

[笔记]解决页面缩小时页面布局会乱的问题

给body加上一个min-width最小宽度，以px为单位，这样当页面变小时，当达到你所设置的最小宽度，body的宽度不再改变，超出的部分会用横向滚动条显示，其内所有元素的布局也不会受影响。
banyao4415·2019-04-01 19:00

css自定义复选框样式

middle;    margin-top:0;    border:#1e89e4 solid 1px;    border-radius: 3px;    min-height: 12px;    min-width
歆冉·2019-03-27 11:40

css盒子模型、display属性

目录高和宽设置边框设置内边距设置外边距设置盒子的计算display属性高和宽设置【注意】：IE6以下不支持该max-width、min-width属性；【总结】：1、当元素的max-width外部元素的
「已注销」·2019-03-21 18:41

小程序-记录

1.input输入框显示不全描述：在小程序的Input中，会遇到给输入框设置了宽度，但是输入到一半之后的内容显示不全的问题：后边不能输入数据解决：把input的width改成min-width或者max-width
汀上·2019-03-21 11:12

实现三栏布局的7种方法

1.绝对定位布局三栏布局——绝对定位布局*{margin:0;padding:0;}body{min-width:550px;}.container{position:relative;}.column
不会潜水的猫小喵·2019-03-18 21:41

css2.1——三列布局、圣杯布局、双飞翼布局、伪等高布局

三列布局（1）两边固定当中自适应（2）当中列要完整显示（3）当中列要优先加载1.定位方式（不好，下面说明原因）*{margin:0;padding:0;}body{/*2*left+right*/min-width
Precipice·2019-03-17 17:00

媒体查询&Flex布局

@media(max-width:800px)and(min-width:300px){300~800的样式}2.3.手机端要加一个metaFlex布局image.pngflexcontainer的属性
BOB_BI·2019-03-10 01:49

圣杯布局和双飞翼布局的实现和区别

但是，具体实现还是有一些区别，如下：1.圣杯布局html代码：headermiddleleftrightfootercss代码：body{margin:0px;padding:0px;min-width
Arlisol·2019-03-07 21:45

圣杯布局和双飞翼布局的实现和区别

但是，具体实现还是有一些区别，如下：1.圣杯布局html代码：headermiddleleftrightfootercss代码：body{margin:0px;padding:0px;min-width
Arlisol·2019-03-07 21:45

JS/jQuery实现获取时间的方法及常用类完整示例

分享给大家供大家参考，具体如下：效果图源码解析JS获取时间的方法及常用类input{color:red;min-width:250px;}/*设置placeholder的颜色*/::-webkit-input-placeholder
JasonHome·2019-03-07 11:08

响应式 - 基于min-width和max-width属性的响应式布局

该方法通过在3个浮动元素上设置min-width和max-width属性来实现响应式布局。只要采用CSS中这个非常简单的响应式布局特性，就能够适应移动设备和不同尺寸的计算机屏幕。
Lux_Sun·2019-03-01 19:04

【CSS】模仿携程网h5静态页面

效果图源代码携程网*{/*第一步清除默认*/margin:0;padding:0;}/*从上到下都是统一的宽度，所以设置在body里面*/body{min-width:320px;max-width:540px
ljs_coding·2019-02-21 15:10

【CSS】模仿携程网h5静态页面

效果图源代码携程网*{/*第一步清除默认*/margin:0;padding:0;}/*从上到下都是统一的宽度，所以设置在body里面*/body{min-width:320px;max-width:540px
ljs_coding·2019-02-21 15:10

媒体查询

html{font-size:10px}@mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px}}@mediascreenand
嘤夏影·2019-01-24 17:53

JS实现抖音小姐姐表白源码

效果实现1.新建目录douyin2.在其下新建css目录3.在css目录下新建main.css@charset"utf-8";/*CSSDocument*//*电脑版本*/@mediascreenand(min-width
BADAO_LIUMANG_QIZHI·2019-01-21 15:06

前端进阶路(一)（pc端适配手机端）

head头部标签中写下适配属性：个人理解适配：使用CSS媒体查询标签来达到适配的效果----------直接码上代码/*css媒体查询适配*//*iphone5/SE*/@mediascreenand(min-width
Bellless·2019-01-19 22:51

浅谈原生JS实现二级导航（优缺点与局限性）

a{text-decoration:none;}.nav{width:80%;height:40px;line-height:40px;margin:auto;}.nav>li{float:left;min-width
青春..荒唐·2019-01-15 11:00

浅谈原生JS实现二级导航（优缺点与局限性）

a{text-decoration:none;}.nav{width:80%;height:40px;line-height:40px;margin:auto;}.nav>li{float:left;min-width
青春..荒唐·2019-01-15 11:00

微信小程序____CSS篇之尺寸(Dimension)、外边距（margin)、内边距（padding）和边框(Border)

min-width设置元素的最小宽度。width设置元素的宽度。取值：auto／数字／百分比。
OzanShareing·2019-01-06 17:58

flex布局中input没有自适应长度的解决方法

因为input标签有一个默认最小长度，在flex布局中flex-auto如果宽度小于input长度时input会显示最小的长度，所以给这个input自定义一个最小长度例如min-width:100px;
wait_cynthia·2019-01-06 16:55

Bootstrap 栅格源码解析(一)

Bootstrap栅格源码解析(一)容器源码部分//固定容器.container{.container-fixed();@media(min-width:@screen-sm-min){width:@container-sm
GeekLee.·2019-01-02 23:26

笔记——移动端开发

移动端适配viewport—可视区 盒模型box-sizing:border-box flex—弹性盒模型有border-box的特性对border、padding、margin都有用跟max-width、min-width
SKY_Lake_·2018-12-18 00:00

js实现移动端轮播图

本文实例为大家分享了js实现移动端轮播图的具体代码，供大家参考，具体内容如下这是结构Document这是CSS/*搜索部分*/.jd_layout{width:100%;max-width:640px;min-width
WONGseedling·2018-12-17 08:55

CSS基础（五）---盒子模型

一、定义元素的宽和高定义元素的宽和高需要使用下面属性：1、width宽度、height高度：固定的宽度和高度，当内容超出宽度和高度之后，不会自动填充扩展2、min-width最小宽度、min-height
BearStarX·2018-11-26 18:29

【CSS】如何解决浏览器缩小出现横向滚动条时网页背景图右侧出现空白的问题

解决方案：html,body{height:100%;width:100%;min-width:1024!important;min-height:768px!im
曾海洲·2018-11-26 17:23

【CSS】如何解决浏览器缩小出现横向滚动条时网页背景图右侧出现空白的问题

解决方案：html,body{height:100%;width:100%;min-width:1024!important;min-height:768px!im
曾海洲·2018-11-26 17:23

CSS 尺寸 (Dimension) 实例

min-width设置元素的最小宽度。width设置元素的宽度。#############1.使
Mr.zou·2018-11-19 14:00

实现垂直方向超出内容自动出现滚动条

#app{position:relative;min-height:100%;min-width:100%;>div{position:absolute;top:0;bottom:0;left:0
放风筝的小小马·2018-11-04 10:37

实现垂直方向超出内容自动出现滚动条

#app{position:relative;min-height:100%;min-width:100%;>div{position:absolute;top:0;bottom:0;left:0
放风筝的小小马·2018-11-04 10:37

布局的几种方式（静态布局、自适应布局、流式布局、响应式布局、弹性布局）

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

css实现移动端左右滑动效果

testbody,p{margin:0;padding:0;}.concent{margin:50pxauto;width:100%;max-width:750px;min-width:320px;}.
明明明明如月·2018-10-20 08:39

vue2.0 日历日程表 ，可进行二次开发.

日程表-->-->*{box-sizing:border-box;}.rili{float:left;padding-left:20px;font-size:12px;overflow:hidden;min-width
dengla6847·2018-10-15 15:00

垂直水平居中方案

目录CSS2两列布局CSS2三列布局CSS2三列布局之圣杯布局CSS2三列布局之双飞翼布局CSS2垂直水平居中问题水平居中垂直水平居中CSS2两列布局商品列注意要给right开启BFCbody{min-width
Della乐多·2018-10-11 09:10

1.angular html+css+js导航条点击样式修改，加跳转页面

主页新闻详情介绍2.css页面代码如下：.main-menu{color:#333333;font-size:14px;font-weight:bold;text-align:center;width:150px;min-width
wyr_xiaowu·2018-10-10 16:13

Css-常用css初始化

/*PC初始化*/*{padding:0;margin:0;border:0;}body,html{width:100%;height:100%;min-width:1024px;}body{font-size
YanEr、·2018-10-09 16:00

flex布局下文字超出省略号代替不起作用解决方法

希望目标元素文字超出省略号时，text-overflow:ellipsis属性无效，结论是设置文字超出省略号的元素,然后网上找了一圈设置父元素width:0、overflow:hidden，设置自身属性min-width
Lawliet丶·2018-10-08 10:20

angular6自定义按钮组件 并实现父子组件间的传值

修改html、ts、css文件：html内容：{{title}}css内容.big-btn{min-width:50px;border:dodgerbluesolid1px;float:left;text-align
henreash·2018-09-24 18:46

CSS权威指南第三版（8-10章）

margin会超出其父元素内边界方法浮动元素与父元素内元素重叠时的规则clear图像的左侧和右侧均不允许出现浮动元素包含块偏移属性topleftrightbottommax-width、max-height、min-width
ft207741·2018-09-17 13:39

css经典布局总结

width_layout.content{min-width:300px;}.div1{width:200px;height:300px;background:green;float:left;}.div2
轩辕无枫·2018-09-12 17:05

Bootstrap和flex的比较，清除浮动的实现原理

实现这个功能依赖两个东西，一个是view，另一个是max-width，min-width。bootstrap栅格系统的本质是通过css3的媒体查询实现的，如果你熟练使用max-wid
我向你奔·2018-09-11 10:04

HTML5 页面参数传递

一、使用Cookie传递参数，a页面保存Cookie，b页面读取，代码如下：页面一：a*{margin:0}body{text-align:center;min-width:760px}div{padding
天马小Q·2018-09-08 15:51

宽与高的特性总结

2.值可以是数值3.对inline（行级）元素无效4.支持min和max前缀（1）min-width和min-height设置最小宽高度。（2）max-width和max-height设置最大宽高度。
c-Tomorrow·2018-09-03 10:49

H5实现滑动切换图片功能

阅读更多页面代码H5手指滑动切换图片ul,li{margin:0;padding:0;}@mediascreenand(min-width:240px){html,body{font-size:9px;
*YH*·2018-08-28 11:00

H5实现滑动切换图片功能

阅读更多页面代码H5手指滑动切换图片ul,li{margin:0;padding:0;}@mediascreenand(min-width:240px){html,body{font-size:9px;
*YH*·2018-08-28 11:00
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他