-
1 votesanswersviews
流体排版线性转换：如何计算calc（） - 表达式？
使用例如描述的方法 . Mike Riethmuller使用calc（）来实现从最小字体大小到最大字体大小的流体转换，从calc（）返回并在浏览器中显示的结果对我来说有些令人费解（并且不是预期的） . 以下代码如何在视口大小从25rem到80rem的情况下为h1返回此结果？ （我也为html字体大小包含了calc（），因为它也与h1成比例） 结果： h1 calc（0.450091rem 3.... -
4 votesanswersviews
如何在CSS3中创建相对于屏幕宽度的真正响应式排版
想象一下，你有一个容器div： .container { max-width: 95%; margin-right: auto; margin-left: auto; } 这会创建一个可爱的，完全响应的左右边距，与任何浏览器屏幕宽度成比例，对吗？ 对于超小型和超大型屏幕，您甚至可以添加几个@media查询来绑定它，因此内容始终可读： @media (min-width: 450px)... -
1 votesanswersviews
没有媒体查询的流体排版 .
我正在使用下面的mixin生成一个min字体和一个基于视口的文本的最大字体 . 但问题是当我的代码放在CMS中时，CMS的“框架”与视口无关，媒体查询也不会触发，因为实际的“媒体”表示桌面没有改变 . @mixin responsive-font($responsive, $min, $max: false, $fallback: false) { $responsive-unitles... -
0 votesanswersviews
自动添加换行符以使senentence的线宽相似
我想要我的博客帖子的 Headers 自动在宽度上“均衡” . 此外，顶行应始终长于底线，但它们的宽度应始终相似 . 请注意，我正在寻找一个 CSS only 解决方案 . 我知道我可以使用JavaScript或PHP轻松完成这项工作，但我更容易做出响应式解决方案 . 以下示例： Default behavior: Lorem ipsum dolor sit amet，consectetur a... -
2 votesanswersviews
定义CSS @ Font-Face粗体斜体
我正在开发一个项目，我正在使用六种权重/样式的字体 . 这些包括：常规，斜体，半粗体，半粗体斜体，粗体和粗体斜体 . 我有@ font-face标签设置（理论上）它们应该显示的方式 . 然而现实中发生的事情是，粗体总是斜体 . 反正有没有声明这些粗体斜体，以便它们能够正常工作？我不想在所有地方调用不同的字体系列名称 . 理想情况下，我应该能够声明正确的重量和样式，并获得正确的字体版本 . @fon... -
1 votesanswersviews
字体系列和字体重量 - 非常粗大胆
我有一组字体 . 让我们说b，c等字体a-normal，font-a-italic，font-a-bold等等... 如果在某些css文件中我有： font-family: 'font-a-bold'; 在另一个文件中，我可以 font-weight: bold; 结果实际上是双粗体字体，比我在某些html页面上需要的厚两倍 . 因为项目规范随着时间的推移发生了很大的变化，因为我有大量的静态页... -
0 votesanswersviews
角度材料排版干扰mat-data-table样式
我将 .mat-typography 类应用于我的文档正文 . 在实施数据表排序后，我注意到排序指示箭头稍微偏离了位置 . 检查文档后，我注意到排版类会覆盖排序设置的字体样式 . 在这里，我从material.angular.io分叉排序演示并添加了排版类：https://angular-9ddpgm.stackblitz.io - 单击'No.' Headers - 箭头具有更高的基线作为 ... -
1 votesanswersviews
如何正确设置Web字体的字体权重？
这可能是非常基本的，但我很长时间都在努力解决这个问题，我不得不尝试 . 假设我有一个字体'open sans'，字体权重为400 https://fonts.googleapis.com/css?family=Open Sans：400'rel ='stylesheet'type ='text / css'> 我在我的CSS中将font-weight设置为 700 . 我知道浏览器会尝... -
8 votesanswersviews
是否可以仅使用css保持垂直节奏？
我正在开发一个以字体为导向的wordpress主题[1]，我在使用内嵌图像时遇到了麻烦 . 我可以控制每个元素并调整它的线高，底边距，ecc，以保持垂直节奏 . 但是，由于通过编辑器粘贴的图像可以具有任何高度，因此它们显然会破坏以下所有内容 . 所以问题是，是否可以使用边距，填充，两者或其他解决方案，以确保独立于图像大小，它将调整到基线 . 我知道有一些选择，比如让所有图像变成线高的倍数，这样我就... -
4 votesanswersviews
如何处理具有垂直节奏的响应图像？
我正在使用Compass / SCSS和垂直节奏方法开发HTML页面 . 我已经为rem单位中的段落和 Headers 设置了基线和指定的高度 . 它效果很好，很好地放在垂直节奏网格上 . 但是，我有一个占据100％宽度的中心图像（我希望它能够响应并随浏览器窗口缩放） . 问题是这个图像打破了垂直节奏，因为它的高度是根据浏览器宽度和图像宽高比动态计算的，并且不符合基线 . 为了获得完美的垂直节奏，... -
1 votesanswersviews
根据基线网格垂直对齐具有不同字体大小和行高的文本
据我所知，有些人认为在网页设计中不需要将文本与基线网格对齐 . 然而，这样做很有趣，而且结果看起来很光滑 . 所以，我正在推动这一进程 . 现在，我有两组具有不同字体大小和行高的文本，我试图根据基线网格垂直对齐它们 . 我的问题是： 看看下面的图片（“修改”和“2017年10月3日”） . 你通常如何调整它们？根据它们的线高垂直居中，还是根据它们的基线对齐它们？在我的照片中，我选了第一个选项 ... -
1 votesanswersviews
缩放垂直节奏的线高
我有一个关于缩放垂直节奏的高度的问题 . 我将在下面的示例中使用像素，只是为了让事情变得更容易 . 假设这是我的p-tag的基本结构： p { font-size: 20px; line-height: 30px; margin-bottom: 30px; } 现在在这种情况下，我的节奏单位设置为30px . 所以，问题一：这是否意味着我的元素之间的垂直间距需要是30的倍数，而我的行高需要...