E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
响应式开发
CSS-弹性布局
弹性布局对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性在
响应式开发
中可以发挥极大的作用。主轴:Flex容器的主轴主要用来配置flex项目,默认是水平方向。
哎呦呦胖子斌
·
2020-04-05 18:10
响应式,bootstrap框架,栅格系统 (重要)
目标能够说出
响应式开发
的基本概念了解
响应式开发
的原理了解bootstrap的栅格系统的使用(重点)能够完成微金所的头部能够分析bootstrap导航条结构响应式什么是响应式布局响应式布局(respondlayout
铭大大
·
2020-04-05 11:13
html
css
web
css3
html5
移动
响应式开发
rem转px,获取尺寸小数点丢失问题
js/jq获取元素尺寸都是整数(四舍五入),浏览器上看却是小数公司项目开发时遇到的比较烦的问题,rem做适配是渲染是转px会产生小数的情况,特定的情况是需要获取元素真实的尺寸,目前没找到获取的办法(有好的办法可以留言)然后就想到重置元素的尺寸varheight=$('#wrapli').height();$('#wrapli').height(height);varheight1=$('#wrap
追风lf
·
2020-04-01 18:05
响应式开发
Foundation和Bootstrap
我理解的Foundation和Bootstrap:Foundation本质就是基于jQuery的,对HTML标签的重新封装,便于我们去开发响应式项目的一个框架。只需要我们设置属性,就可以达到响应式效果。Bootstrap和Foundation一样的框架,但是它支持度更高,兼容性更多,覆盖面更广,而且不用依赖jQuery。总结:说白了这些框架就是对基础HTML、CSS的再一次封装,更便于我们去开发项
聆听者JYZ
·
2020-03-29 09:03
7 响应式网站的内容设计
7响应式网站的内容设计基于
响应式开发
网站,除了页面的布局是我们设计的重点,网站中显示的图片和文字也是我们不能轻视的内容。真正具有响应性的Web设计是完全调整您的网站以满足访问者的设备。
caoyuan
·
2020-03-23 20:55
前端开发成长路线2017
前端开发成长路线2017基础HTMLCSSJavaScriptjQuery进阶CSS
响应式开发
框架bootstrapFoundationMaterialize预处理SassLessCSS3flexboxflex
null_su
·
2020-03-19 08:30
移动端页面开发的四种方式笔记(三)
响应式开发
原理:使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同的设备超小屏幕(手机)=768px~=992px~=1200px响应式布局容器响应式需要一个父集作为布局容器,来配合子集元素来实现变化效果
不务正业的前端学徒
·
2020-03-11 14:02
html
css
给前端小白的vue入门指南(不定期更新)
框架的循环结构复杂性后,项目要求你前后端分离的时候,你该怎么办,选择一个好的js模板引擎显得至关重要,这个时候双向数据绑定的优势就大大的体现出来了,这也就是为什么现在vue,react,angular成为流行的趋势,
响应式开发
慢慢的成为了主流
小超人的前端之路
·
2020-03-08 09:52
4.BootStrap
2、使web开发更简单快捷BootStrap支持
响应式开发
,解决了移动互联网前端问题。第1章BootStrap的简述(二)什么是
Vincilovfang
·
2020-03-05 08:06
Semantic UI
响应式开发
小结
由于最近使用了一段时间的SemanticUI,在项目中做一些响应式的页面,所以对SemanticUI的响应式布局开发有一些经验,记录在这里。semantic翻译到中文的意思是语义的。这也暗示了SemanticUI的最大特点,它的语法定义都是语义化的,这样有助于我们使用,使得代码更容易看懂。通过一段时间的使用,我认为语义化的网页代码确实给开发带来了一定的优势。所以,如果选择一套顺手的前端UI框架的话
瑾逸te
·
2020-02-29 20:10
Bootstrap
Bootstrap的好处:增加了开发效率,页面设计更加美观,支持
响应式开发
2、首先布局容器Bootstrap需要为页面内容和栅格系统包裹一个.container容器.container类用于固定宽度并支持响应式布局的容器
逍遥g
·
2020-02-27 23:38
viewport
应用于屏幕自适应(
响应式开发
);www.imooc.com查viewport详解;Viewport基础一个常用的针对移动网页优化过的页面的viewportmeta标签大致如下:width:控制viewport
猿分让我们相遇
·
2020-02-24 18:02
“一套代码,三屏齐发”——
响应式开发
浅析
响应式开发
响应式是什么?它能帮我们做些什么?我们该怎么应用?它能达到什么效果?工作之余,通过
响应式开发
,我梳理了一些相关要点,在此分享给大家。
枫之伊信
·
2020-02-09 05:08
【HTML + CSS】CSS 响应式布局(一)
响应式开发
的本质是针对多种屏幕做适配,首先需要掌握几个基本概念:物理像素:设备的屏幕实际像素点,如常说的iPhone6Plus的分辨率是1920*1080像素。
hvkcoder
·
2020-02-08 23:34
h5
响应式开发
自动计算fontSize
varwinWidth=window.innerWidth;varwinHeight=window.innerHeight;//获得屏幕的宽度rem=屏幕宽度/7.5+"px"varperRemPx=document.getElementsByTagName("html")\[0\].clientWidth/7.5;//动态计算window.addEventListener("resize",fu
lulu
·
2020-01-13 11:26
css
html
前端
九、响应式发:rem和less(适配移动端)
一、
响应式开发
响应式开发
优先适配移动端又兼容到pc端官网:https://less.bootcss.com/usage/教程:https://www.w3cschool.cn/less/rem和em:https
晨光曦微
·
2020-01-11 08:00
响应式开发
1.1
响应式开发
原理就是使用媒体查询针对不同的宽度的设备进行布局和样式的设置,从而适配不同设备的目的。在
响应式开发
中将设备划分成以下4个挡位。
deer_cen
·
2020-01-06 15:00
用rem来做
响应式开发
一、兼容目前,IE9+、Firefox、Chrome、Safari、Opera的主流版本都支持了rem。IE9以下版本的话不支持还需使用px来设置。二、使用%单位方便实用css中的body中先全局声明font-size=62.5%,这里的%的算法和rem一样。因为100%=16px,1px=6.25%,所以10px=62.5%,这是的1rem=10px,所以12px=1.2rem。px与rem的转
难以旧城繁华
·
2020-01-04 19:25
原理+实战 快速掌握
响应式开发
对
响应式开发
中涉及的各核心技术进行深入的分析。知识点概念/原理与示例结合,让你全面/透彻的理解和掌握
响应式开发
。
一个Bug改一天
·
2020-01-04 08:46
ReactiveCocoa基础
4.响应式编程:(ReactiveProgramming)万物皆是流(KVO应用)5.函数式编程(FunctionProgramming)BeeFramework与ReactiveCocoa类似的一款
响应式开发
库
海的原滋味
·
2019-12-27 04:12
知识点总结
响应式布局的理解
响应式开发
目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕下显示不同的内容,一般把屏幕分成四种,超小屏(手机)768px以下的,小屏幕设备(ipad
懒猫_6500
·
2019-12-21 22:47
IT兄弟连 HTML5教程 响应式网站的内容设计
基于
响应式开发
网站,除了页面的布局是我们设计的重点,网站中显示的图片和文字也是我们不能轻视的内容。1响应式图片显示内容设计真正具有响应性的Web设计是完全调整网站以满足访问者的设备。
老码农的一亩三分地
·
2019-12-20 09:00
响应式开发
响应式开发
响应式网站设计-----EthanMarcotte第一章响应式网站设计的三大技术成分流动网格弹性图片媒介查询响应式网站的优点减少工作量网站、设计、代码、内容只需要一份多处来的工作量只是js脚本
AuthorJim
·
2019-12-18 02:58
JAVA视频网盘分享
www.imooc.com/截图发我,请注意查看原价,按原价优惠,谢谢1.webapp书城开发2.组件方式开发WebApp全站3.前端到后台ThinkPHP开发整站4.MySQL性能管理及架构设计5.
响应式开发
一招致胜
记忆是盛开的花爱你
·
2019-12-14 22:00
响应式开发
学习笔记
前端学习笔记响应式H5在头部添加拓展阅读:https://blog.csdn.net/u012402190/article/details/70172371样式相应存在6种属性参数名称参数描述min-width视窗宽度大于或等于指定值时max-width视窗宽度小于或等于指定值时min-height视窗高度大于或等于指定值时max-height视窗高度小于或等于指定值时orientation=po
卡杰
·
2019-12-13 23:03
Shiny文档翻译-a.01 shiny
响应式开发
-概述
翻译自:Reactivity-Anoverview转载请注明来源使用Shiny打造可互动的应用非常容易,但是为了走得更远,你需要去理解Shiny的响应式编程模型。在Shiny中的响应式编程模型中,有三种组件:响应源、响应传导器(conductor)和响应终端。这三种组件将以下图三种符号表示:响应源和响应终端最简单的响应式程序结构如下图。其仅包含一个源和一个终端。在一个Shiny应用中,典型的源是来
esctrionsit
·
2019-12-13 10:37
20180103
1Bootstrap高级webstorm,sublime里面快速生成标签:输入span.h${标题$}*6然后按tab全局样式用法viewport的意义栅格布局用法字体,图标
响应式开发
特性:响应式设计,
NOTEBOOK2
·
2019-12-01 06:59
沈亮的简历
18673320421Email:
[email protected]
工作技能HTML&CSS熟练使用SublimeText+Photoshop编写页面,结构清晰,还原度高熟悉浏览器兼容性问题的处理,会
响应式开发
代码书写规范
Phypigpig
·
2019-11-30 12:05
响应式开发
响应式开发
响应式开发
原理使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的设备划分尺寸区间超小屏幕(手机)=768px~=992px~=1200px响应式布局容器响应式需要一个父级作为布局容器
小咸鱼|大梦想
·
2019-11-29 20:00
响应式开发
--根据媒体查询引入不同的CSS文件
Document
小王的进阶之路
·
2019-11-15 15:47
前端
前端
Rx系列之RxJava初识
后来才发现,RxJava其实用到了
响应式开发
的一种新的开发模式。
响应式开发
,哇,感觉不得鸟啊!所以在不断的挖掘下,对RxJava做了一个稍微的整理。
奇葩AnJoiner
·
2019-11-08 17:37
NFH.012 -
响应式开发
与Bootstrap框架应用(二)
2.17学习经验分享#Bruce_Zhu于2017.2.17一.bootstrap-全局css样式-栅格布局系统-重点难点所有的行必须放在容器中.container或container-fluidcontainerscreen>1200px(超大PC显示器-lg)容器宽1170pxscreen>992px(普通PC显示器-md)容器宽970pxscreen>768px(平板显示器-sm)容器宽75
旅行的意义zxy
·
2019-10-31 14:51
移动web开发---第三天
一、
响应式开发
1、响应式布局,就是一个网站能够兼容多个终端。
qq5d3e5bae55f08
·
2019-10-22 16:41
移动web开发---第三天
移动端开发之
响应式开发
和bootstrap基础
响应式开发
(就是利用媒体查询针对不同宽度的设备进行布局和样式的设置,从而设配不同设备的目的)响应式布局容器响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果原理:不同屏幕下,通过媒体查询来改变这个布局容器的大小
BruceChenWithBats
·
2019-10-13 20:00
响应式开发
现在响应式没有以前那么火了,因为响应式有一个缺点,它需要将所有的资源进行加载,即使是没有显示的,很浪费资源,影响用户体验,但是日常开发中,我们仍需要使用它进行一些开发。媒体查询(@media)媒体类型all所有设备print打印机设备screen彩色的电脑屏幕speech听觉设备(针对有听力障碍的人士,可以把页面的内容以语音的方式呈现的设备)注意:tty、tv、projection、handhel
RickyLong
·
2019-06-05 00:00
响应式
day05-移动web开发-bootstrap(
响应式开发
)
设备的划分:image.png媒体查询:使用媒体查询能针对不同屏幕区间设置不同的布局和样式怎么使用媒体查询:关于媒体查询@media语法:@mediascreenand(max-width:768px)and(min-width:320px){属性样式}demo:响应式容器:在超小屏设备的时候768px以下当前容器的宽度100%背景蓝色在小屏设备的时候768px-992px当前容器的宽度750px
姑苏_慕容博
·
2019-05-29 18:17
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
vw是css3出现的一个新单位,它是“viewwidth”缩写,定义为把当前屏幕分成一百份,1vw即为屏幕的1%,与之对应的是vh,把高分成一百份,1vh即为屏幕高的1%,一般我们常用的vw单位来完成
响应式开发
陌上花早
·
2019-01-23 16:06
CSS3移动端vw+rem不依赖JS实现响应式布局
vw是css3出现的一个新单位,它是“viewwidth”缩写,定义为把当前屏幕分成一百份,1vw即为屏幕的1%,与之对应的是vh,把高分成一百份,1vh即为屏幕高的1%,一般我们常用的vw单位来完成
响应式开发
陌上花早
·
2019-01-23 11:00
《创业者手册》读书笔记
(见《快速
响应式开发
》)快速
响应式开发
传统产品开发是一个线性有序的过程,每一个步骤都要花几个月,而敏捷开发则追求重复性短周期。一家初创公司生产一款“最简化可实行产品”,只包含最
旧灵魂curiosity
·
2018-12-27 13:52
响应式开发
响应式开发
所需的主流技术点如何沟通设计稿使用构建工具搭建项目多种页面测试工具的使用分析设计图做方案设计单位:主角像素(pixel)设备像素(物理像素):独立像素总结:像素不绝对是取样讨论像素要看语境设备像素设备管逻辑像素随你配样式像素看比例
海货
·
2018-12-22 15:18
Release ng-alain 2.0
所以2.0变更主要从两个方面:使CURD操作更“自然”开发体验更友好
响应式开发
CURD提供一
cipchk
·
2018-11-21 00:00
前端框架
前端
angular6
ng-zorro
ng-alain
Epoxy——RecyclerView的绝佳助手
前言Android真响应式架构系列文章:Android真
响应式开发
——MvRxEpoxy——RecyclerView的绝佳助手Android真响应式架构——Model层设计Android真响应式架构——
珞泽珈群
·
2018-11-12 16:02
响应式编程Rxjava 书籍视频教程
机器学习大数据知乎专栏点击关注响应式编程业界知秋大佬:《Java编程方法论响应式之Rxjava篇》书籍配套视频,持续更新中.2019年视频配套书籍>和>将会出版欢迎加入响应式编程交流Q群523409180,一同学习
响应式开发
视频内容会持续更新
lsgqjhAC哈理工
·
2018-10-29 16:37
后端开发
【笔记】imooc -所向披靡的
响应式开发
第01章1-03响应式网站设计的概念一、响应式网站1、响应式网站是一个设计理念,是多项技术的综合体。2、设计的技术:(1)flexiblegridlayout弹性网格布局.(2)flexibleimage弹性图片(3)mediaqueries媒体查询1-06媒体查询-1一、css3媒体属性1、width:视口宽度2、height:视口高度3、device-width:渲染表面的宽度,就是设备屏幕的
aSuncat
·
2018-10-11 19:52
慕课网
所向披靡的响应式开发
响应式开发一招致胜
Android真响应式架构——MvRx
前言Android真响应式架构系列文章:Android真
响应式开发
——MvRxEpoxy——RecyclerView的绝佳助手Android真响应式架构——Model层设计Android真响应式架构——
珞泽珈群
·
2018-09-27 16:35
Per.js对比其他框架有什么不同,他解决了什么问题
有人一开始看到Per.js时,会觉得它就是一个普通的JavaScript
响应式开发
框架,和Vue比几乎完全一样,我并不需要使用它,也不想了解它。
雅倩兰爸爸
·
2018-09-17 17:21
Per.js对比其他框架有什么不同,他解决了什么问题
有人一开始看到Per.js时,会觉得它就是一个普通的JavaScript
响应式开发
框架,和Vue比几乎完全一样,我并不需要使用它,也不想了解它。
雅倩兰爸爸
·
2018-09-17 17:21
CSS基础(二)——相对单位
不过对于
响应式开发
相对单位是很重要的,所以接下来我将详细解释相对单位,方便我们以后可以更简单、容易、正确的使用它们。1.em和rem
海阔天空的远方
·
2018-09-15 01:50
容器宽高不确定,图片宽高不确定,css如何实现图片响应式?
图片响应式在
响应式开发
中最烦恼的应该就是图片了,虽然图片设置max-width:100%;可以让图片宽度占满容器,但是高度就不能自适应了。
heath_learning
·
2018-09-06 00:00
css
html
html5
响应式
图片自适应
原理+实战 快速掌握
响应式开发
精髓资源下载
原理+实战快速掌握
响应式开发
精髓资源下载原理+实战快速掌握
响应式开发
精髓资源下载原理+实战快速掌握
响应式开发
精髓资源下载第1章课程介绍介绍什么是响应式;课程安排;学习建议第2章实战利器逐一讲解响应式web
GB_zixueit
·
2018-07-09 20:28
上一页
1
2
3
4
5
6
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他