在上网过程中，我们不知不觉间会打开数十个甚至上百个标签页，如何高效地管理这些标签页是一件头疼的事情。在 Chrome 浏览器中，谷歌引入了标签页分组功能，方便用户按照使用情境或者个人偏好进行管理。此外在 Chrome 88 版本中，谷歌还引入了标签页可滚动功能，这样即使再多标签页也不会显得拥挤。

标签页分组演示

该功能目前已经在 Chrome 88 版本中上线，用户可以访问 chrome://flags 页面，然后启用 Scrollable TabStrop 这个实验 Flag 并重启浏览器就可以了。在该功能启用之后，你就可以看到下面动图所展示的那样对标签页进行滚动。你必须将鼠标指针悬停在标签条上滚动标签，然后使用鼠标或触控板。如果你打开了多个标签页和组，并且你正在寻找一个特定的目标，这个手势可以很方便。

　　最近有用户向我们咨询，在制作条形码的时候，使用拖拽的方式生成的条形码，尺寸和自己的要求不符合。其实解决这个问题，只需要在条码软件中自定义设置条形码的尺寸即可。下面小编就演示一下具体的操作方法。

　　首先打开条码标签软件，新建一个标签，点击软件左侧的条码按钮，在标签上绘制一个条形码，在弹出的界面中选择条码的类型，在编辑数据处输入条码的数据。

　　选中条形码，点击鼠标右键，再点击对象位置和尺寸。

先来看两组数据，下图为iOS设备分辨率分布，图中包含5种不同分辨率，每种分辨率都有相当多比例的用户群体。

再来看看android设备分辨率分布。这里边android设备只展示有9种屏幕分辨率，每一种分辨率都拥有一定比例的用户群体。与ios合起来至少有10种分辨率，需要页面支撑。

如果按照目前网站设计中多站点方式去支持如此众多的视口，开发和维护工作是非常沉重的。需要更好的设计理念来支撑如此众多的视口。其实在2010年5月，Ethan Marcotte就提出了响应式布局概念。它是将流式栅格布局，弹性图片，弹性媒体和媒体查询等已有的技术整合起来，目的是为了网页可以不同设备视口。真正的响应式设计方法不仅是根据视口大小改变网页布局，而且要从整体上颠覆当前设计网页的方法.以往先是针对桌面电脑进行固定宽度设计，然后将其缩小并针对小屏幕进行内容重排。

危险废物标签的制作要求和标签尺寸大小具体怎么划分

1 危险废物标签的颜色危险废物标签背景色应采用醒目的橘黄色，RGB 颜色值为（255, 150, 0）。标签边框和字体颜色为黑色，RGB 颜色值为（0, 0, 0）。

2 危险废物标签的字体危险废物标签字体宜采用黑体字，其中“危险废物”字样应加粗放大。

3 危险废物标签尺寸危险废物标签的尺寸宜根据容器或包装物的容积按照表 1 中的要求设置。

刚刚接触标签制作软件的小伙伴来说，如何正确的设置标签纸张尺寸是需要学习的第一步。今天就遇到了一个小伙伴说是已经设置好标签纸张的尺寸了，并且软件打印预览是有内容，打印机没有打印出来。但是在远程的时候发现还是标签纸张尺寸设置的有问题，所造成的打印空白。

讲解纸张尺寸设置以这个遇到问题的小伙伴为例子。他的标签纸张样式如上图所示，那么首先我们需要拿一个尺子测量一下实际的标签纸张参数。

红色箭头从左到右加上衬纸是一张标签的宽度；黄色箭头也就是一张小标签的高度，就是需要在软件文章设置中所设置的标签纸张高度了；数字1和数字2分别是标签纸张的左边距、以及右边距；数字3代表的是标签纸张的水平间距；数字4代表的是标签纸张的垂直间距。

一年一度的“双11”即将来临，电商平台的全球购、跨境购随之升温，时尚的妈妈们又开始启了一年一度的囤货季。临近双十一，再加上气温渐冷，妈妈们的购物清单里免不了想给自家孩子添置上几件洋品牌的漂亮衣服。

不过，海淘儿童服装也有风险。怎样从五花八门的海淘儿童衣服中挑选出又合适又安全的，检验检疫专家来支招。

国家质检总局通过对跨境电商渠道进口的儿童服装进行的质量抽查中发现，不合格的进口儿童服装主要存在服装绳带配件不符合标准要求，容易导致儿童窒息，以及面料酸碱度不合格等问题。

B端表单标签的对齐方式对用户体验和界面设计至关重要。本文深入探讨了不同表单标签对齐方式的优劣势及适用场景，包括行内标签、顶标签、左标签文字右对齐和左标签文字左对齐等，帮助设计师在实际工作中做出最佳选择，提升表单填写效率和用户体验。

表单作为B端系统最常见的组件之一，一些常见的do、don’t想必大家已经十分熟。今天我们唠一唠【表单标签】这个细节。

编辑导语：Tabs标签页又称选项卡（以下简称标签页），它是一种高效的屏幕空间利用手段，映射非常接近卡片的目录索引，用户可以基于索引标签，快速定位到目标内容中去，这也是大多数用户来自现实世界的经验。本文总结了10个Tabs标签页怎么使用的方法，一起来看看。

在Web页面中，它的使用场景也较为简单，当页面的内容信息量较多，用标签页可以对其分类，一方面可以

加入人人都是产品经理【起点学院】产品经理实战训练营，BAT产品总监手把手带你学产品

在产品的原型设计中，进度条的意义是：

• 第一，在页面载入中，给用户的等待过程中增加少量的乐趣；在一个追求快的环境中，这是十分关键的要素，可以减少流失率。
• 第二，也是在告知用户，网页或者APP有没有响应了你的点击？反馈给了用户信息，而不是不是一张白纸，使用户感到茫然。

而在Axure中，进度条的设计，主要的掌握要素就是函数变量的使用。

视口和窗口的定义与原理

绘图设备的物理坐标是基本的坐标系，通过QPainter的平移、旋转等变换可以得到更容易操作的逻辑坐标。

为了实现更方便的坐标，QPainter还提供了视口(Viewport)和窗口(Window)坐标系，通过QPainter内部的坐标变换矩阵自动转换为绘图设备的物理坐标。

视口表示绘图设备的任意一个矩形区域的物理坐标，可以只选取物理坐标的一个矩形区域用 于绘图。默认情况下，视口等于绘图设备的整个矩形区。