响应式布局

【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

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

前言原创文章，欢迎转载，请保留出处。有任何错误、疑问或者建议，欢迎指出。我的邮箱:[email protected]前一篇介绍了页面的跳转，自第三篇开始好像就没更新过源码，这星期对源码改动了比较多，本来打算介绍盒子pannel，不过还是紧接着上一篇继续介绍一下如何利用Bootstrap3的自带特性制作垂直二级菜单。补充内容另外要补充一下，用上篇的方法实际是把多个页面一起编译成一个servlet送
Maxwell_nc·2020-08-01 13:13

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

前言原创文章，欢迎转载，请保留出处。有任何错误、疑问或者建议，欢迎指出。我的邮箱:[email protected]前两篇已经简单地介绍了Bootstrap的基本特性和原理，接下来我们来实现一般网站都需要的导航栏，显而易见的例子就是CSDN本身就有两种导航栏。文章主要分为顶部导航栏和侧边导航栏两个部分。这里是实现的都是响应式的导航栏。响应式的顶部导航栏这里我们先展示不说如何实现跳转，下节我们再来
Maxwell_nc·2020-08-01 13:13

浅谈响应式（pc端和移动端的）

响应式布局等于流动网格布局，而自适应布局等于使用固定分割点来进行布局。响应式——同一个页面用不同设备（电脑、平板、手机）去访问此页面，最后看到的布局和内
hugejihu9·2020-08-01 12:22

BootStrap网页案例开发步骤

基于BootStrap网页开发案例简介强大的前端响应式布局开发框架主要文件：css、js、fonts1.收集网页所需要的素材-文字，图片*下载bootstrap框架^从官方文档copy基本网页结构：basictemplate2
hr963171814·2020-08-01 12:09

bootstrap:响应式布局

栅格系统我们来了解如何利用栅格系统实现响应式布局：Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。
hhthwx·2020-08-01 12:24

bootstrap使用心得总结

bootstrap的特点：1.响应式布局概念：响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法。是目前比较流行的一种
Aries苏世·2020-08-01 12:52

PC端和移动端 自适应和响应式布局的要点

PC端和移动端自适应和响应式布局的要点1.手机端自适应js代码functionresize(){varoHtml=document.getElementsByTagName("html")[0];varscreenW
浮生故城·2020-08-01 11:35

Bootstrap里container的响应式布局的解释

之前在用bootstrap的时候,发现其中container设置了响应式布局,然后根据逻辑自己敲了一遍.现在移动端越来越火,基本所有的网页都会根据移动端做一些适配,其中响应式布局,就是适配中关键的一环.
XiaoBsEven·2020-08-01 11:10

使用BootStrap进行响应式布局案例

（1）首先下载BootStrap,把bootstrap.min.css拷贝到项目中。（2）新建style.css,实现代码如下：.row{margin-bottom:20px;}.row.row{margin-top:10px;margin-bottom:0px;}[class*="col-"]{padding-top:15px;padding-bottom:15px;/*background-c
乞力马扎罗的雪CYF·2020-08-01 10:00

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

前言原创文章，欢迎转载，请保留出处。有任何错误、疑问或者建议，欢迎指出。我的邮箱:[email protected]在上一篇文章中（http://blog.csdn.net/maxwell_nc/article/details/45791745）中主要讲到Bootstrap的栅格布局系统，虽然之前说要更新如何写导航栏，但是想了下还是先介绍下如何做CSS的媒体查询和响应式表格，这样才能为以后的编码
Maxwell_nc·2020-08-01 09:19

PC端移动端兼容响应式布局页面的制作

之前已经制作了PC端固定布局和移动端流体布局的页面，这次的任务就是将一个页面制作成PC端移动端兼容响应式布局页面，是页面能在不同屏幕大小下呈现处不同最佳显示状态。
JinYF1992·2020-08-01 09:00

响应式布局

简要：就是根据不同设备访问同一个站点时，内容响应式的变化。css3处理，@media。如：css写法：//屏幕最小宽度为1000px时(包括1000px)@mediasrceenand(min-width:1000px){h2{font-size:24px;}}//屏幕宽度640px~999px时@mediasrceenand(min-width:640px)and(max-width:999px
林ze宏·2020-08-01 01:26

Bootstrap基本的HTML模板

用于开发响应式布局、移动设备优先的WEB项目。移动设备优先：自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式。
sleepwalker_1992·2020-08-01 00:28

Vue框架设置响应式布局

回到主题，自适应响应式布局这个话题古老而新颖，从最早的不同分辨率的屏幕，到现在遍布各个生活角落的移动设备，响应式布局已经成了几乎所有互联网公司必备的条件。
LakenQi·2020-07-31 22:32
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他