一、修改配置文件apache-tomcat-8.5.50\conf\tomcat-users.xml 添加: <role rolename="admin-gui"/> <role rolename="admin-script"/> <role rolename="manager-gui"/> <ro ...
分类:
系统相关 时间:
2020-07-24 21:24:38
阅读次数:
80
[CSS 中文开发手册平均宽度 | min-width (Flexible Box Layout) - CSS 中文开发手册min-width CSS属性设置元素的最小宽度。它防止使用的width属性值变得小于指定的值min-width。/* value */min-width: 3.5em;/* ... ...
分类:
Web程序 时间:
2020-07-05 12:01:20
阅读次数:
89
CSS 中文开发手册 最小宽度 | @viewport.min-width (Device Adaptation) - CSS 中文开发手册 min-widthCSS描述符指定通过@viewport所定义的文档的视口的最小宽度。 默认情况下,min-width考虑到最小宽度约束,将其设置为尽可能接近... ...
分类:
Web程序 时间:
2020-07-01 22:24:07
阅读次数:
73
@media screen and (min-width: 320px) { html { font-size: 8.5333px !important; } } @media screen and (min-width: 360px) { html { font-size: 9.6px !impo ...
分类:
移动开发 时间:
2020-06-28 20:31:08
阅读次数:
214
css中,min-width是用来限制元素的最小宽度,max-width用来限制元素的最大宽度,也就是说当元素的width大于max-width,或者小于min-width。就被它们的值所代替,尤其适用于网站的自适应。下面将具体介绍下关于min-,max-的区别和联系: 1、min-width,ma ...
分类:
Web程序 时间:
2020-06-13 00:33:15
阅读次数:
128
html { font-size: 16px; } @media screen and (min-width: 375px) { html { /* iPhone6的375px尺寸作为16px基准,414px正好18px大小, 600 20px */ font-size: calc(100% + 2 ...
分类:
Web程序 时间:
2020-06-08 10:53:26
阅读次数:
99
一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动 ...
分类:
其他好文 时间:
2020-06-07 15:16:01
阅读次数:
65
Html响应式图片 1.介绍:根据屏幕匹配的不同尺寸显示不同图片,picture 元素允许我们在不同的设备上显示不同的图片,一般用于响应式 <!-- 在不同的屏幕尺度下显示不同的图片 --> <picture> <source media="(min-width: 500px)" srcset=". ...
分类:
Web程序 时间:
2020-05-26 18:16:37
阅读次数:
96
常见的布局方式 静态布局 常见于PC端,一般采用居中布局,以px作为单位给各元素设定固定的width,最外层div采用min-width限定最小宽度,当浏览器窗口小于min-width时会出现滚动条,移动端需要重新建新的页面。 优点:简单且没有兼容性问题 缺点:无法根据用户屏幕大小做出不同处理,目前 ...
分类:
其他好文 时间:
2020-05-24 16:40:19
阅读次数:
84
媒体查询:针对不同的媒体类型定义不同的样式! 常见的媒体类型 1.screen:用于电脑屏幕,平板电脑,智能手机 2.speech:应用于屏幕阅读器等发声设备 3.all:用于所有设备 常见的媒体功能 1.max-width:定义输出设备中网页最大的可见区域宽度 2.min-width:定义输出设备 ...
分类:
移动开发 时间:
2020-05-22 21:13:38
阅读次数:
79