响应式布局

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

【Gojs 前端】响应式布局中用到的 原生抽屉组件 和 requestAnimationFrame()方法刷新动画

涉及到Gojs里面的配置代码不会做详细说明②右边是用原生js写的抽屉组件③达到下面图片这个效果很简单，flex的响应式布局（左右两个div变化宽度）和动态切换右边抽屉div的class达到动画切换效果最终效果
看云朵敲代码·2020-08-06 10:07

bootstrap

bootstrap屏幕尺寸(宽度)超小屏幕，如：手机，尺寸=768,=992,=1200响应式布局根据不同的客户端，显示不同的效果，就称为响应式布局。
每日一爬虫·2020-08-06 10:41

WEB前端第十八课——媒体及meta viewport

1.mediaquery响应式布局——媒体查询使网页能够兼容多种终端显示，而不是为每个终端做特定的版本，提供更加舒适的界面和更好的用户体验响应式布局设计比专门设计的手机版网站功能少，如获取用户GPS定位响应式设计很难实现
后来喵·2020-08-05 22:00

WEB前端第十八课——媒体及meta viewport

1.mediaquery响应式布局——媒体查询使网页能够兼容多种终端显示，而不是为每个终端做特定的版本，提供更加舒适的界面和更好的用户体验响应式布局设计比专门设计的手机版网站功能少，如获取用户GPS定位响应式设计很难实现
后来喵·2020-08-05 22:00

如何让单页面支持 3840x2160分辨率的电视机，响应式布局

试过很多办法，设为百分比的话，页面显示OK，但是字体什么的会有点异常，所以直接判断分辨率，通过transform:scale进行放大或缩小倍数的办法来实现不同分辨率的适配。(function($){//插件的定义$.fn.scale=function(options){varobj=this;varopts=$.extend({},$.fn.scale.defaults,options);init
撒库拉-琳琳·2020-08-05 22:50

vue 实现购物车

最近在做一个电商的项目，使用了vue.框架，一个轻量级的mvvm，数据变化视图一起变化；为了响应式布局，使用了bootstrap。
chancejl·2020-08-05 14:16

页面布局的方式——前端

页面布局的方式——前端文章目录页面布局的方式——前端页面布局的方式双飞翼布局多栏布局弹性布局（Flexbox）瀑布流布局流式布局（Fluid）响应式布局注页面布局的方式页面布局的方式主要有：双飞翼、多栏
_张张张i·2020-08-05 12:48

优质博客主题分享-Initial 简约不简单-typecho

主题预览：预览功能与特点重新优化的响应式布局，移动端舒适体验轻量级设计，关闭附加功能后无框架、无JQ、无库傻瓜式后台设置，告别使用疑惑公共资源支持切换源：BootCDN、CDNJS、jsDelivrGravatar
乐在分享·2020-08-05 11:06

响应式布局

网页布局网页布局有很多种方式，一般分为以下几个部分、头部区域、菜单导航区域、内容区域、底部区域。如下图：头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的logo。菜单导航区域包含了一些超链接，可以引导用户点击浏览其它页面。内容区域分为三种形式：1、1列：一般用于移动端；2、2列：一般用于平板设备；3、3列：一般用于pc端。底部区域在网页的最下方，一般是包含版权信息和联系方式等。响应式布
周朝兵·2020-08-05 10:33

Bootstrap栅格系统

栅格系统栅格系统是Bootstrap响应式布局的框架，栅格系统通过一系列的行（row）与列（column）的组合来创建页面布局：行（.row）必须包含在容器container或container-fluid
weixin_45846263·2020-08-05 03:46

移动端-网页布局

响应式布局：通过检测设备信息，决定网页布局方式，即用户如果采用不同的设备访问同一个网页，有可能会看到不一样的内
小仙女中的穷逼·2020-08-05 03:26

深度解析响应式布局

概念响应式布局，就是响应式设计方案的呈现。具体点就是在不同的设备上，网页能自动识别屏幕宽度、并根据设备的显示面积（一般情况下是指的屏幕宽度，当然，也可以是其他的，可以在下面详细解释）显示出不同的效果。
weixin_30757793·2020-08-05 02:42

Android Material Design简介

大家有兴趣可以看看Google+或者GoogleForms，清一色的响应式布局和MaterialDesign风格。这种设计感及用户体验值得我们百度等国内公司学习。
dongjize·2020-08-05 00:53

移动端布局（bootstarp+响应式布局）

响应式原理使用媒体查询针对于不同宽度的设备进行样式和布局的设置，从而适应不同的设备设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）注意：响应式需要一个父级元素作为容器，配合子级元素来实现更多效果父容器版心尺寸划分超小屏幕（手机，小于768px）：设置宽度为100%小屏幕（平板，大于等于
尧子陌·2020-08-04 21:28

【Java Web前端开发】BootStrap入门

文章目录Bootstrap响应式布局CSS样式和JS插件案例Bootstrap1.概念：一个前端开发的框架，Bootstrap，来自Twitter，是目前很受欢迎的前端框架。
Li xiang007·2020-08-04 21:56

JS 响应式布局

1、media效果为屏幕宽度变化时，背景颜色也变化12345678910111213141516171819202122232425262728293031323334353637383940414243Title@mediascreenand(max-width:1024px){.bg{background-color:aqua;}}@mediascreenand(max-width:980px
weixin_34387468·2020-08-04 20:24

博客园主题响应式布局

响应式布局在后台设置里页面定制CSS代码加上以下代码：@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@
weixin_33937499·2020-08-04 20:30

自定义博客园皮肤：暗色流体响应式布局

这些布局方式不利于页面缩放和不同屏幕尺寸与分辨率的设备浏览，尤其是在当今网页浏览设备屏幕尺寸与分辨率多样化的时代，流体与响应式布局才是最佳的选择。
weixin_33781606·2020-08-04 11:08

前端Bootstrap框架

Bootstrap框架第1节学习目标能够创建bootstrap的模板能够使用boostrap的两种布局容器能够理解bootstrap的响应式布局的特点能够查询文档创建bootstrap的按钮、表格、表单等常用组件能够理解
阿扎姆王子·2020-08-04 07:02

利用bootstraps实现响应式布局

首先我们要在页面上引用bootstraps引用bootstrap或者bootstrap.min都可以的，如果有需要查看源代码，那么可以引用bootstrap，一般都建议用boostrap.min。同样的效果，bootstrap.min占的内存小，意味着能加载的更快一点，哪怕只是快0.1秒，感觉也是很不一样的。怎样引用就不用我说了吧？嗯，link然后tab键，找到所在文件夹，点击引用就行了。Boot
咕哒咕哒giao·2020-08-04 07:43

CSS总结

CSS总结CSS引入方式CSS选择器CSS常用属性总结CSS优先级CSS页面布局Flex布局Grid布局Table布局布局垂直居中响应式布局box-sizing属性CSS引入方式行内引入：我是一个块级的标签嵌入式
兮兮落落_·2020-08-04 02:25

BootStrap笔记

开发人员可以直接使用这些样式和插件，得到丰富的页面效果响应式布局：同一套页面可以兼容不同分辨率的下载BootStrap点我导入BootStrap文件BootStrap模板代码Document你好，世界！
你倒是敲代码啊.·2020-08-03 23:13

Bootstrap样式插件/响应式布局/旅游网案例

Bootstrap1.概念：一个前端开发的框架，Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。好处：1.定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。2.响应式布
小帅子Lv·2020-08-03 23:21

前端常见基础整理

margin（外边距），border（边框），padding（内边距），content（内容区域）·2、flex·3、css单位·4、css选择器·5、bfc清除浮动·6、层叠上下文·7、常见页面布局·8、响应式布局
锦鲤抄liyanhe·2020-08-03 19:04

bootstrap-全局CSS样式

文章目录一、全局CSS样式：（一）按钮（二）[图片](https://v3.bootcss.com/css/#images)1.响应式布局2.图片形状（三）[表格](https://v3.bootcss.com
没羽毛的小鸟·2020-08-03 18:32

css、css3快速入门（乾坤未定，你我皆是黑马3）

这篇文章讲的是css和css3上期回顾：html、html5、浏览器内核差异大概内容包括：css基本语法，选择器，雪碧图，单位，盒模型，浮动与定位，绘制三角形，太极图，心形图，响应式布局，过渡与动画，chrome
那谁呀撒·2020-08-03 18:46

Bootstrap框架的分析

它由规范的CSS，JavaScript插件构成，其最大的优势是响应式布局，CSS媒体查询(MediaQuery)的功劳，使得开发者可以方便的让网页无论在台式机，手机上都获得最佳的体验。
面条请不要欺负汉堡·2020-08-03 17:44

响应式布局

响应式布局市场约定的适配手机、平板、pc设备档位划分：三个节点，四个档位超小屏手机：xs<768px小屏平板：768px≤sm＜992px中屏pc电脑屏：992px≤md＜1200px大屏pc：1200px
麦麦兜兜儿·2020-08-03 15:00

响应式布局案例实战

响应式布局案例实战前几天做了一个响应式布局的案例，这里和大家分享一下，主要是总结一些经验。
达摩院洗碗工·2020-08-03 10:00

Power BI十大视觉效果，知多少？

PowerBI十大视觉效果：图表滑块响应式布局一键更改方差计算一键排序我们的最爱：小倍数！瀑布图中的轴断裂层次表（完全响应）HICHERT博士的IBCS®原生支持分段图表-可视化你的预测！
weixin_30289831·2020-08-03 06:55

vue+vuex实现响应式布局加购物车简单案例

为了增加点难度，我会加入响应式布局，代码如下：//homeadminlogoutsortby:Defaultprice{{value===0?item.title1:item.title}}Defa
IT__zz·2020-08-02 16:54

响应式web设计——读书笔记

从这本书中收货最多的是对响应式的理解，响应式不光是根据视口匹配不同的样式，还要考虑图片，文字，视频的在响应式布局中的优化。媒体查询：支持不同的视口1.媒体
fighting_today_cui·2020-08-01 14:15

Bootstrap响应式布局原理

Bootstrap响应式布局是利用其栅格系统，对于不同的屏幕采用不同的类属性。在开发中可以只写一套代码在手机平板，PC端都能使用，而不用考虑使用媒体查询（针对不同的设备分别写不同的代码）。
yihuoZhou·2020-08-01 14:47

Web前端新手怎么入门 如何用CSS做响应式布局

如何用CSS做响应式布局？很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清，简单来说响应式布局相当于流动网格布局，而自适应布局等于使用固定分割点来进行布局。
qf2019·2020-08-01 14:07

Web响应式布局设计简介

响应式布局设计就是为应对移动互联网多终端设备而提出的。响应式布局
凡梦_·2020-08-01 13:10

基于Bootstrap3制作响应式布局网站（四）

前言原创文章，欢迎转载，请保留出处。有任何错误、疑问或者建议，欢迎指出。我的邮箱:[email protected]前一篇介绍了如何利用Bootstrap3制作响应式的导航栏，本篇简单地介绍如何实现导航栏跳转。当然这个跳转并非简单的a标签加上herf属性，而是实现一种不用刷新整个页面的跳转。侧边导航栏实现跳转这里我主要以侧边栏为例子讲解，同样适用于顶部导航栏。加入链接紧接着上篇的导航栏代码中，在
Maxwell_nc·2020-08-01 13:13
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他