我们很高兴地宣布Sencha ExtWebComponents的早期版本现已推出。ExtWebComponents提供了数百个预构建的UI组件,您可以轻松地将它们集成到使用任何框架构建的Web应用程序中,或者根本不构建框架。 ExtWebComponents早期访问亮点 利用功能强大的Modern ...
分类:
Web程序 时间:
2019-06-06 12:10:29
阅读次数:
143
一.Bootstrap简介: Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 详细参考内容:Bootstrap_v3 二.Bootstrap安装:下载地址:https://v3.bootcss.com/(使用v3版,不要使用最新 ...
分类:
Web程序 时间:
2019-06-05 19:51:18
阅读次数:
139
## 一、Bootstrap简介 ### 1. Bootstrap是什么? ? Bootstrap是Twitter推出的一个开源的前端开发框架 ? 基于HTML、CSS、JavaScript,代码简洁、视觉优美,用来快速开发基于PC及移动端的Web页面,更迅速、简单 ? Bootstrap官网:ht ...
分类:
其他好文 时间:
2019-06-04 22:38:18
阅读次数:
131
详细可查看原文 Meta 标签 Media Queries 媒体查询 设备分辨率 ...
分类:
其他好文 时间:
2019-06-01 09:42:52
阅读次数:
123
当我们在做网页时,应当充分考虑到网页自适应的问题 否则可能会出现同一个网页在不同的屏幕尺寸上排版布局混乱的情况 方案一:用比例控制大小 1. ++在网页代码的头部,加入一行viewport元标签++ 以下是相关的属性的解释: 1. width :控制 viewport 的大小,可以指定的一个值,如 ...
分类:
其他好文 时间:
2019-05-19 20:48:04
阅读次数:
191
当移动设备和浏览器视口一致时,如果使用以前布局,如果页面超过设备宽,超过的部分就会被裁掉,所以,不能使用传统的页面开发模式, 可以使用弹性布局,流式布局(百分百布局),响应式布局,rem布局 弹性布局: 1.分两部分:弹性父级,弹性子元素; 2.给父级设置display:flex/inline-fl ...
分类:
移动开发 时间:
2019-05-07 21:23:00
阅读次数:
180
响应式布局可以帮助我们实现网站布局随屏幕大小自动调整的需求,实现不同屏幕分辨率的终端上浏览网页的不同展示方式,使得网页在PC端和手机端均可以完美的展现其内容,具有自适应性。 使用基于Bootstrap的栅格系统 Bootstrap响应式布局是利用其栅格系统,对于不同的屏幕采用不同的类属性。在开发中可 ...
分类:
其他好文 时间:
2019-05-06 00:57:17
阅读次数:
142
响应式布局可以帮助我们实现网站布局随屏幕大小自动调整的需求,实现不同屏幕分辨率的终端上浏览网页的不同展示方式,使得网页在PC端和手机端均可以完美的展现其内容,具有自适应性。 使用基于Bootstrap的栅格系统 Bootstrap响应式布局是利用其栅格系统,对于不同的屏幕采用不同的类属性。在开发中可 ...
分类:
Web程序 时间:
2019-05-03 11:25:27
阅读次数:
202
【代码的规范】 比如说很多div与css,其命名应该规范化,比如说我的代码里面那些命名 body1 picture1 p1....那些,就很不规范,别人很难读懂 【术语】 终端: 计算机网络中处于网络最外围的设备,本身不具备计算能力,要用于用户信息的输入以及处理结果的输出。 响应式布局: 一个网站能 ...
分类:
其他好文 时间:
2019-04-26 22:58:06
阅读次数:
250
@[TOC] viewport 流式布局 ~~(不是流石(さすが)布局)你在想啥~~ 正常流式布局 其实就是百分比布局啦 算宽度:本身的宽度/父级的宽度 算高度:本身的高度/父级的高度 定位值: 纵向定位(top、bottom)/定位父级的高度 横向定位(left、right)/定位父级的宽度 盒模 ...
分类:
其他好文 时间:
2019-04-26 21:01:26
阅读次数:
171