响应式布局

2020年前端学习路线

CSS3W3CCSS文档W3CCSS3文档Flex布局教程：语法篇Flex布局教程：实例篇各种鼠标效果样式深入理解CSS新特性1.3移动端布局移动端基本概念viewport窗口设置移动端布局方案rem、vh、vw等单位响应式布局黑马
哆啦La梦·2020-08-13 23:00

css3 flex流动自适应响应式布局实例2

上次简要的说了一些css3中flex的相关概念（详细：css学习16：css3flex流动自适应响应式布局设计），这次继续说下css3的flex，简单的举几个实例。
Cecilia_He·2020-08-13 23:23

WordPress主题 大前端 阿里百秀 XIU 小清新CMS高级主题[更新v6.0]

XIU主题是一款Wordpress主题，支持百度熊掌号，适用于图片展示、多元化图片新闻展示、个人博客、资源分享站，扁平化设计、简洁风、全面SEO优化、多重列表展示方式，响应式布局支持电脑、平板和手机的完美展示
wpzhuti·2020-08-13 23:39

WordPress主题 wpdx 响应式CMS/Blog 双布局5色可选含用户中心主题[v3.6版]

依旧响应式布局，PC、平板、手机等均可正常浏览，首页CMS/Blog双样式，20+小工具，图片灯箱、LazyLoad，强大和完善的主题设置后台，支持WordPress最新版……主题特色支持IE8+、Chrome
wpzhuti·2020-08-13 23:38

字体适配

字体适配文章目录字体适配1.个人使用方案lib-flexible、px2rem2.移动端字体适配问题3.vue-cli3.0使用px2rem或postcss-plugin-px2rem4.在vue中使用flexible响应式布局
谁动了我的奶酪が·2020-08-13 14:46

在滴滴云 DC2 服务器上部署 Ghost

总体来说亮点如下：写作简单，可以随时随地写作UI简洁、美观，主题替换方便响应式布局，移动设备视觉效果良好数据备份、导入导出非常
csldnyd1209·2020-08-13 13:14

flutter响应式布局组件wrap

这个组件常用在响应式布局上，使用灵活多变。
一叠纸船·2020-08-12 21:13

WEB开发-Bootstrap框架、响应式开发

相见恨晚，这框架真好用呜呜(๑•̀ㅂ•́)و✧目录响应式开发原理响应式布局容器网站：https://v3.bootcss.comBootstrap前端开发框架布局容器栅格系统栅格选项参数列嵌套列偏移列排序响应式工具响应式开发原理响应式布局容器响应式开发
肆溪·2020-08-11 21:50

rem灵活移动端适配

移动端适配的方式也很多，什么媒体查询呀，百分比，响应式布局等等，这里就不多说了，小伙伴可以自行去网上看看。这里提到的是通过rem来适配移动端。提到rem，首先想到的是rem是什么？
WongRu1·2020-08-11 20:56

Vue封装组件实现响应式布局

Vue封装组件实现响应式布局主要思路：使用flex布局，左边主体内容区域根据页面宽度自适应，右边侧边栏固定宽度。使用媒体查询，当页面宽度小于768px时，侧边右边侧边栏隐藏。
boiboif·2020-08-11 14:23

vue-cli2用px2rem实现响应式布局

这是我公司项目，需求：使用vue-cli2.9+px2rem实现响应式布局废话少说，直接上例子吧！
weixin_41987025·2020-08-11 14:02

vue-cli3 + bootstrap3实现响应式布局

1、用px2rem配合lib-flexible，让网页适配。lib-flexible作用：让网页根据设备dpr和宽度，利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备安装：npminstalllib-flexible引入：入口文件main.js中：import"lib-flexible/flexible.js"2、手写一个js小工具，省略rem的计算，加
monkey-jie·2020-08-11 13:02

Vue(vue4.0)项目中，使用响应式布局插件postcss-px-to-viewport，转成视口

Px2vw-css转换1.项目版本：vue-cli4.1.1版本|2.安装插件npminstallpostcss-px-to-viewport--save-dev**|3.在项目的根目录下创建一个postcss.config.js文件**module.exports={plugins:{autoprefixer:{},"postcss-px-to-viewport":{viewportWidth:
okboy519·2020-08-11 12:16

对于自建vue框架响应式布局

1.首先在data(){}中，定义一个浏览器当前宽度的变量，并初始化当前加载出来的浏览器的宽度，data(){return{screenWidth:document.body.clientWidth,}}然后用watch去监听screenWidth值的改变，watch:{screenWidth(val){this.screenWidth=valletself=thisif(this.screenW
luolvzhou·2020-08-11 12:54

Wordpress主题选项:实现一个简单的开关控制功能

功能说明:通过主题选项开关控制主题是响应式布局还是固定宽度布局实现原理:通过向head里面添加响应式CSS文件/assets/css/responsive.css实现第一步:在主题选项文件/framework
dianba7434·2020-08-11 11:00

vue-cli 中是使用css单位rem，实现响应式布局

分享一种vue-lic中使用rem，实现响应式布局的超简单的方法。第一步：封装设置rem的方法，放在公用类的js文件中，或者直接放在main.js文件中。
Stiven_Lu·2020-08-11 11:49

现在web前端好找工作吗；

就我目前掌握的这些技术：1.精通DIV+CSS网页制作技术，页面架构和布局设计；2：熟悉jQuery,Bootstrap、EasyUI框架并运用与项目开发中；3：掌握响应式布局，有移动端开发经验；4：熟悉
wjp_jinping·2020-08-11 05:30

css3布局样式

css布局：是css知识体系的重中之重一、css布局阶段：早期以table为主（简单）后来以技巧性布局为主（难）现在有flexbox/grid（偏简单）响应式布局是必备的二、常用布局table布局float
Gfour703·2020-08-11 00:14

CSS3 弹性伸缩布局

用来提供一个更加有效的方式实现响应式布局。但是用于这个布局方式还处于W3C的草案阶段，并且它还分为旧版本、新版本以及混合过渡版本三种不同的编码方式。
weixin_34365635·2020-08-10 23:50

移动端网页项目总结

通过此次项目，对于移动端的网页制作有了初步的了解，同时也对css的布局更为熟练，对响应式布局也有了初步的认识。
weixin_30420305·2020-08-10 22:08

【CSS3】响应式布局的实际应用的小例子

如今响应式布局在webapp开发中应用得非常广泛，现在的手机屏幕的分辨率基本在320px到640px之间，在窄屏和宽屏我们的显示方式可能会略有不同。本文简单介绍一个应用得非常多的小例子。
webfe·2020-08-10 22:42

【BootStrap】前端开发框架——快速上手页面神器

文章目录什么是BootStrapBootstrap快速入门——基本引入响应式布局，栅格系统全局CSS样式请自行查找Bootstrap官方文档组件插件什么是BootStrap一个前端开发的框架,来自Twitter
lambor20000216·2020-08-10 20:28

app项目经验总结

我写app的10条小经验：1、关于整体布局：app项目可以不使用bootstrap，不使用jquerymobile等框架，直接当作普通的pc端来写，但是一定要注意响应式布局，因为手机的尺寸实在太多，必须要保证各种分辨率下都要能够正常显示
front_end_fan·2020-08-10 19:04

基于asp.net的在线音乐网站的设计与实现(完整)

具有系统的软件开发理论知识和一定的实践经验，使用HTML,CSS,JavaScript和jQuery框架，Bootstrap框架，JPlayer框架，sqlserver数据库，AJAX，SSM框架，Web响应式布局课题完成主要形式完成系统代码
IT源码·2020-08-10 19:34

bootstrap 布局容器 导航栏

布局容器：为页面内容和栅格系统包裹一个.container容器.container类用于固定宽度并支持响应式布局的容器.container-fluid类用于设置100%宽度，占据全部视口的容器两种容器类不能相互嵌套导航栏
purplexhung·2020-08-10 18:08

CSS(全面系统讲解 工作应用--慕课)整理 二（css布局）

知识体系的重中之重，早期以table为主（简单），后来以技巧性布局为主（难），table的布局现在主要缺点是么有明确的语义，已经克服了流式加载数据2、现在有flexbox/grid(偏简单)，现在掌握响应式布局是必备的知识
chen983234416·2020-08-10 15:14

CSS(全面系统讲解 工作应用--慕课)整理 三（css基础响应式布局）

1、响应式设计与布局在不同设备上正常使用，一般主要处理屏幕大小问题。主要方法：隐藏+折行+自适应空间rem,viewport,mediaquery(媒体查询)1、适配移动端，第一件事就是加上意思是可视区的大小等于屏幕大小，加上就适配了@media(max-width:640px){.left{display:none;}}只有在小于等于640px的情况下生效，重新显示样式，把它影藏2、媒体查询，居
chen983234416·2020-08-10 15:43

CSS 静态、流式、自适应、弹性、响应式布局

简单总结一下对于css布局的理解:静态布局：元素均采用px设置宽高；流式布局：子元素主要采用%来设置宽度，特点是屏幕太大或太小均不能较美的显示子元素，但是子元素的相对布局不会变化，比如说，一行是5个div,每个宽度设为20%，父元素宽为500px时，每个100px,但是子元素最完美的宽度却是80px，通常搭配min-width、max-width使用，不至于过大过小；自适应布局：每个屏幕分辨率对应
大雯子拖油瓶·2020-08-10 15:17

HTML的介绍和常见标签及其属性

行为（javascript,jQuery）4.BootStrap(前段框架)—响应式布局(1)、文件夹、文件命名规则：由英文字母、数字、下划线共同组成，数字不能开头，不能使用汉字作为文件名我们书写标签的时候尽量以严格的方式来书写
一个世俗人·2020-08-10 11:54

浅谈h5移动端页面的适配问题

先说一下响应式布局吧，我一直认为响应式布局的分项目，一下布局简单得项目做响应式还是可以可以得。例如博客、后台管理系统等。
weixin_30852367·2020-08-10 11:28

Viewport 视口 Css响应式设计

http://www.runoob.com/css/css-rwd-viewport.html菜鸟传送门Bootstrap响应式布局模板Bootstrap101Template你好，世界！
恰烂饭的人·2020-08-10 10:14

【截图】常见前端面试题

://www.bilibili.com/video/BV1ek4y1r7GT文章目录day01css31.标签语义化2.盒子水平垂直居中3.盒模型标准4.几大经典布局--左右固定、中间自适应--移动端响应式布局
mus_木司·2020-08-10 10:42

Bootstrap 栅格系统的问题

代码解释：在进行响应式布局时合理利用col-xs-12col-sm-6col-md-6十分关键以更加灵活地适应不同大小的屏幕在同一行，如上代码中col-md-6就是在970px以上的像素宽度的屏幕中整行被占满当不断缩小屏幕
南征北战-·2020-08-10 07:01

ElementUI响应式Layout布局xs,sm,md,lg,xl参照了Bootstrap 的响应式设计

响应式布局参照了Bootstrap的响应式设计，预设了五个响应尺寸：xs、sm、md、lg和xl。基于断点的隐藏类Element额外提供了一系列类名，用于在某些条件下隐藏元素。
Java开发者NB·2020-08-10 06:43

响应式布局中的方案之百分比布局

1、百分比（流式）布局定义：当浏览器的宽高发生改变时，通过百分比单位，可以使用浏览器中的组件的宽高随着浏览器的变化而变化，从而实现响应式布局。
weixin_34249367·2020-08-10 03:16

前端技术：bootstrap(控件、插件、html\css\js开发框架)

一、概述Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目。
老程android研究·2020-08-10 00:45

AutoLayout 实现固定宽度动态高度的 ScrollView

大多数的app需要有响应式布局，所以使用Autolayout可谓明智之选。第一次学习scrollviews时，你或许会觉得碉堡了。但它们奇怪的规则也会令人有点沮丧。
Vic__li·2020-08-09 19:31

Ant Design Pro V4 入门到实战手册【2020】

前言第一章初识AntDesignPro1.调整AntDesignPro基本配置2.浅析AntDesignPro工作流程第二章布局和路由1.复杂页面布局的"大功臣"—Card组件2.响应式布局的"海尔兄弟
羽旋杯水·2020-08-09 15:24

前端框架Layui学习二：面板、布局、徽章、时间线、颜色选择器

结合layui的栅格系统轻松实现响应式布局。相关样式：layui-row代表一行layui-col-space15space0-space30代表卡片之间的间距layui-col-
zhengzaifeidelushang·2020-08-09 04:10

模仿微信朋友圈样式 html5 响应式布局

2019独角兽企业重金招聘Python工程师标准>>>先上图，说明：使用了jqueryweui样式模板jQueryWeUI.weui-row{margin-top:10px;}[class*="weui-col-"]{//border:1pxsolid#ccc;height:100px;line-height:40px;text-align:center;}.weui_media_hd_c1{ma
weixin_33907511·2020-08-09 00:59

响应式布局--设置rem自适应

//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth,maxWidth){vardoc=document,win=window,docEl=
weixin_30901729·2020-08-09 00:09

响应式布局

响应式设计媒体查询响应式设计是根据不同设备浏览器分辨率或尺寸来展示不同页面结构,行为,表现的设计方式.响应式设计的基本原理是通过媒体查询检测不同的设备的屏幕尺寸做处理.页面头部必须有meta声明viewport:有了媒体查询这个功能,自然有了所谓的响应式.响应式的特点设计特点:1.面对不同分辨率设备灵活性强2.能够快捷解决多设备显示的问题缺点:1.兼容各种农设备工作量大,效率低下2.代码累赘,会出
芳小帆.Sky·2020-08-08 15:45

BootStrap

*响应式布局，同一套页面可以兼
小么VinVin·2020-08-08 12:00

基于springboot+bootstrap的轻量级博客系统

技术栈Springboot-spring快速搭建框架ApacheShiro-权限验证框架MySQL、Mybatis、Mapper、Pagehelper-数据访问层Bootstrap-前端ui框架，响应式布局解决方案
m0_37615922·2020-08-08 01:22

bootstrap初次使用

响应式布局根据终端的屏幕尺寸的大小，改变页面的结构,优点：大大降低了开发成本实现响应式布局：媒体查询+栅格系统媒体查询判断页面的大小，显示不同的效果//当屏幕宽度小于1200px时,执行样式@mediascreenand
yanglongbin1113·2020-08-07 22:08

Bootstrap初次邂逅——模仿Bootstrap官网上的一个小页面（响应式页面）

Bootstrap是一个前端UI框架，最近也是刚接触不久，也没有看很多东西，主要是了解了一下它里面的栅格系统和响应式布局。
爱前端的程序媛·2020-08-07 17:48

web自适应布局之一（css3 media query）

这几天看了下响应式布局的东东，拿腾讯新闻的页面测试瞄了一下，发现里面用了media这个东东，结果百度了一下，发现了很多资料。
狂奔的CD·2020-08-07 14:28

大型建筑集团网站搭建模板

使用最新HTML5+CSS3技术，采用响应式布局设计，自适应手机移动端，用户体验友好，全套模板，包括首页、关于我们、服务范围、建站报价、客户案例、新闻动态等网站模板页面。
fofu33·2020-08-07 13:22

页面各种布局概念与区别--静态布局、自适应布局、流式布局、响应式布局、弹性布局等

页面各种布局概念与区别静态布局（StaticLayout）流式布局（LiquidLayout）自适应布局（AdaptiveLayout）响应式布局（ResponsiveLayout）响应式布局,自适应布局
、妤·2020-08-07 12:34

Bootstrap基础入门

一、Bootstrap简介二、排版属性三、布局模式四、媒体查询五、栅格系统一、Bootstrap简介bootstrap:全球最受欢迎前端组件库，用于开发响应式布局，移动设备优先的WEB项目。
打马御街前·2020-08-07 11:25
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他