自适应

DevExpress v18.1新版亮点——ASP.NET篇（二）

由 ▼魔方 西西 提交于 2020-03-16 08:49:00
用户界面套包DevExpress v18.1日前终于正式发布，本站将以连载的形式为大家介绍各版本新增内容。本文将介绍了DevExpress ASP.NET v18.1 的新功能，快来下载试用新版本！ 点击下载>> GridView Control 性能增强 使用新的内部算法，我们在自适应模式下显着改进了ASP.NET和MVC Grid View的布局重新计算逻辑。 与早期版本相比，控件的客户端初始化速度现在提高了6-18倍。 图像和数据导航 图库 - 自适应布局模式 DataView - 自适应布局模式 ImageSlider - 虚拟分页 DevExpress ASP.NET Image Slider支持虚拟分页。 在此模式下，当用户通过pager导航内容时，按需加载图像。 导航和布局 FormLayout - 适应性 DevExpress ASP.NET and MVC Form Layout附带了一种新的自适应布局模式。启用后，将根据布局控件大小自动调整“表单布局”元素，您可以使用此新功能轻松创建自适应Web应用程序。 Ribbon - 分组滚动 现在，只要Ribbon某些部分不可见，您就可以滚动Ribbon分组。 TabControl / PageControl - 标签滑动 最终用户现在可以在小触摸屏上用手指滑动滚动标签。 Pivot Grid Control

css 一行自适应等比例布局

由 北城余情 提交于 2020-03-14 19:48:18
一、浮动布局+百分比 .row { width:100%; overflow:hidden; zoom:1; } .item { float: left; width: 20%; } 该样式兼容性较好，但是无法实现当里面的列增多时比例也随着变化，必须手动修改，当然你也可以使用一个JS来调整了。 二、行内元素（inline-block）+百分比 .row { width:100%; font-size: 0; /*行内元素间有字符，诸如回车符等会被浏览器解析成一个空格*/ *word-spacing: -1px; } .item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; word-spacing: normal; letter-spacing: normal; width: 20%; } 三、display:table + display:table-cell 我们知道表格可以根据内容进行划分，CSS也有一个样式是display:table来实现类似表格的布局，不过不支持IE8以下浏览器。 .row { width:100%; display: table; } .item { display: table-cell; } 四、使用css3 display:flex .row {

使用ivx学习开发时，响应式布局/自适应布局/宽度自适应（相对定位）方面的心得体会

由 霸气de小男生 提交于 2020-03-12 19:02:44
最近在学习使用ivx进行开发的过程中，对响应式布局/自适应布局/宽度自适应（相对定位）方面的开发颇有收获，自己总结了些经验希望能和大家分享下。为了方便，我针对官网的demo栅格系统，进行了以下分析： 1.自适应布局的核心组件要用到相对行的环境宽，单个模板的进行设计的时候通过设置环境宽变化时模块的宽度，可以实现不同环境宽时都能美观合适地展示模块，我多少试验后发现环境宽较大时，将模块宽度就设置小一点，这样每行显示的模块数量就会变多，看起来不会太分散，同理，环境宽较小时就设置大一点，这样每行显示的模块数量就会变少，看起来不会太拥挤，具体设置在后文中会说明。 2.首先的话，多个模板肯定要用到很多组相同的数据，所以建议先新建一个数组，将需要展示的模块数据导入数组，然后在首页下创建相对行，作为导航栏，这里demo中导航栏的宽度为100%，因为导航栏要自适应网页的宽度，所以宽度设置为百分比，再在相对行容器下添加对象，demo中选择的是等间距的水平对齐方式，这样能让对象随着网页宽度变化撑满导航栏，如果想要让所有对象都保持在一块，就选择其他的水平对齐方式 3.导航栏完成后，我们再看主体的编辑方式，demo中采用了在一个居中对齐的相对行中再添加80%宽度内容区的方法，这样可以让模板与网页边缘保持20%网页宽度距离，看起来更美观舒适，不会出现边框遮挡模板的情况。这里内容区使用等间距的水平对齐方式

SHOPPICA OPENCART 商城自适应主题模板 ABC-0002

由 空扰寡人 提交于 2020-03-10 20:07:21
SHOPPICA OPENCART 商城自适应主题模板 ABC-0002 Theme features 100% OpenCart 1.5.3.x / 1.5.4.x / 1.5.5.x / 1.5.6 compatible! Responsive layout – you shop will appear nicely on every mobile phone (iphone, android, windows phone) and tablet. Unlimited color combinations; full control over the colors of the site elements; Every category and subcategory can have different color scheme! Custom background textures and images – you can upload your own. You can set different background for every category. SEO-ready . Entirely new semantic and SEO friendly markup Clean and readable typography. 2 different site

自适应密度图adaptive density map generation for crowd counting 论文笔记

由 旧街凉风 提交于 2020-03-07 10:26:53
论文： http://visal.cs.cityu.edu.hk/static/pubs/conf/iccv19-dmapgen.pdf 代码：暂时没找到 ICCV 贡献： 这篇文章是深挖density map generation这一块的，以往density map一旦制作完，训练中是保持不变的，本文的切入点在于是否可以让density map中的generation的过程变得可以learning,从而随着模型地训练，去不断微调density map,使得产生更为合理的density map. 本文通过两种方式去动态调整density map, (1)采用一个refine density map 的模块去在训练过程中微调density map (2) 采用self-attention的model去从point annotation 自适应地产生density map 2.关于counting 任务地density map制作的小结 （1）geometry-adaptive (2) fix-kernel (3) geometry-adaptive 配合detection 以上三种方法制作density map本质上都是在每个人头点的位置加入一个2D的gaussian kernel,这是共同点，包括本文的自适应放那给发也是，不同的在于每个人头处采用的高斯核的尺寸不一样

OpenCV自适应阈值化函数adaptiveThreshold

由 南楼画角 提交于 2020-03-07 03:26:19
图像阈值化的一般目的是从灰度图像中分享目标区域和背景区域，然而仅仅通过设定固定阈值(固定阈值的求解可点此查看我写的博文)很难达到理想的分割效果。在实际应用中，我们可以通过某个像素的邻域以某种方法确定这个像素应该具有的阈值，进而保证图像中各个像素的阈值会随着周期围邻域块的变化而变化。在灰度图像中，灰度值变化明显的区域往往是物体的轮廓，所以将图像分成一小块一小块的去计算阈值往往会得出图像的轮廓，而固定阈值的方法就不行。 OpenCV中提供了自适应阈值化函数adaptiveThreshold来实现自适应阈值处理、 函数adaptiveThreshold的原型如下： C++: void adaptiveThreshold(InputArray src, OutputArray dst, double maxValue, int adaptiveMethod, int thresholdType, int blockSize, double C)； 官方说明 int main(int argc, char* argv[]) { // 图像读取及判断 cv::Mat srcImage = cv::imread("2.jpg"); if (!srcImage.data) return 1; // 灰度转换 cv::Mat srcGray; cv::cvtColor(srcImage,

CSS实现自适应下保持宽高比

由 て烟熏妆下的殇ゞ 提交于 2020-03-05 17:37:20
在项目中，我们可能经常使得自己设计的网页能自适应。特别是网站中的图片，经常要求在网页放大（或缩小）时，宽高同时放大（或缩小），而且不变形（即保持正常的长宽比）。为了不变形，常用的方法就是设置width值，然后高度height设置auto。如果是div，我们该如何处理呢。 背景图片宽高比固定 下面，我仿照了移动端的聚划算网站中（https://ju.m.taobao.com/）中间一部分的布局。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>高度自适应</title> <style> *{ margin: 0; padding: 0; } div{ width: 100%; background-color: pink; position: relative; } div:after{display:block;content: "";visibility: hidden;clear: both;} div p{ float: left; width: 30%; padding-top: 35%; margin-left: 3%; border:1px black solid; border-radius: 10px; box-sizing: border-box; } div p:nth

字体大小自适应纯css解决方案【转】

由 空扰寡人 提交于 2020-03-05 12:23:13
viewpoint css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。 “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大 兼容性：chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+ <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Demo</title> <style type="text/css"> #box { font-size: 4vw;} </style> </head> <body> <div id="box"> 我是靖鸣君 我是靖鸣君 我是靖鸣君 </div> </body> </html> 但是该方案存在一个bug，上面的代码，当浏览器窗口变化的时候，box中的文字并没有按照应有的比例变化，但是css3标准中是这么说的： When the height or width of the viewport is changed, they are scaled accordingly. 插曲 像这样的问题，我之前也遇到过

2020-03-02

由 若如初见. 提交于 2020-03-03 00:29:53
宽高自适应 定义：网页布局中经常要定义元素的宽和高，但很多时候我们希望元素的大小能够根据窗口或者元素自动调整，这就是PC高度自适应。元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同的设备、窗口以及分辨率下显示。 一、相对窗口和父元素自适应 宽度：当块状元素不写宽度的时候，默认的宽度就是100%，是父元素宽度的100%；width：100%； 高度：当让元素的高度相对浏览器窗口显示百分比值的时候，一定要给html和body设置高度100%。 1、相对窗口自适应，html，body｛height：100%；｝，全屏显示的页面必须给html和body设置高度100%。 2、相对元素或内容的自适应 如何实现元素高度自适应？ a：如果想实现元素高度自适应，高度能不能设置成固定的值？ b：如果高度不能固定，那怎么设置？ 第一种情况 非浮动元素的父元素高度自适应 实现方法：1、不设置宽高或者宽度设置成：height：auto； 2、通过最小高度实现高度自适应：min-height：300px；height：300px； 3、给需要高度自适应的元素添加这些属性：min-height：value；height：auto ！important；height：value； 第二种情况 浮动元素的父元素高度自适应 说明：当父元素不设置高度的时候，第一级元素浮动后，父元素高度塌陷。
订阅 自适应