vertical-rhythm相关内容

WordPress/GD首先调整图像大小,然后将高度裁剪为18px减8px的倍数

这是一个(很奇怪的)给你. 我正在WordPress网站上工作,重要的是让图像位于18px的基线网格上,该图像的总图像尺寸始终是18px的倍数,高度额外增加了8px.这主要是布局问题,要使图像与文本很好地配合播放. 我正在尝试弄清楚如何将WP/GD功能连接到以下位置: 将图像调整为正常大小(缩略图,中,大),仅在WP管理员中设置最大宽度. 图像高度(算术,舍入?)被裁剪为最接近 ..
发布时间:2020-11-27 00:33:09 其他开发

如何处理垂直节奏的响应图像?

我正在使用Compass / SCSS和垂直节奏方法开发HTML页面。我已经设置了基线,并以rem单位为段落和标题指定了高度。它的效果很好,可以很好地放置在垂直节奏网格上。但是,我有一个中心图像,该图像占据了列的100%宽度(我希望它具有响应性,并可以在浏览器窗口中缩放)。 问题是图像破坏了垂直节奏,因为它的高度是根据浏览器的宽度和图像宽高比动态计算的,并且不遵守基线。 如何处理这种情 ..
发布时间:2020-10-12 05:36:31 前端开发

我的jQuery代码正在运行,但从程序员的角度来看它是非常糟糕的吗?

我拼凑了这个jQuery函数。它的目的是计算 div.article 中所有img元素的边距,以便平衡图像的高度和文档的基线网格,为20像素。为了匹配我的基线网格,每个图像高度应该是20的倍数。如果不是这种情况,例如一个图像的高度为154像素,该函数为img添加了6个像素的边距,以便恢复与基线网格的平衡。 该功能有效正确,所以我的实际问题是:由于我不是程序员,我想知道我的代码是否非常糟糕,尽 ..
发布时间:2019-05-25 18:11:07 前端开发

刷新页面滚动到底部时,Chrome会垂直跳转

在使用Chrome开发网站时,注意到以下行为:当我在页面完全滚动至底部时刷新页面时,我可以观察到垂直跳跃。 请参阅以下 Bootply 。 重现后,打开全屏预览(右侧的显示器图标),然后尝试以下操作: 刷新页面(确认表单重新提交) - > 滚动到中间,刷新(确认表单重新提交) - >不跳转 滚动到最底部,刷新(确认表单重新提交) - >垂直跳跃 跳转实际上是由这个Jav ..
发布时间:2018-05-08 17:47:02 其他开发

CSS中的自动边缘功能,而不是JS

我有一个用jQuery编写的函数,自动化 margin-bottom 或 padding-bottom 一张桌子。基本上,它抵消了表格单元格边框向下推动页面的效果,保持垂直节奏完好无损。 而不是使用JS来做到这一点,我相信我应该能够用Less和CSS代替。 条件(if语句)是基于表中的行数(以及边界,再加上一个)。自从我的“幻数“是24(24px是垂直节奏单位),如果表有(0,11)∪(24 ..
发布时间:2017-02-13 10:03:53 前端开发

将标题对齐到相同的基线,不管以下文本?

有没有办法将不同大小的多个标题的第一行对齐到同一基线? 请参阅 http://snapplr.com/snap/z1mw 请 编辑:重新上传: 在我看来,唯一的解决方案是将每个标题和每个正文文本放入单独的DIV,然后使用标题来播放padding-top或margin-top来对齐它们(例如H1将是36px与0px边距,而H3将是24px与12px顶部边距)。类似的东西: ..
发布时间:2017-02-07 17:56:51 前端开发

是否可能只使用css保持垂直节奏?

我正在开发一个排版导向的wordpress主题[1],并且在线图像遇到麻烦。 我可以控制每个元素调整它的线高,底边距,ecc,保持垂直节奏。但是由于通过编辑器粘贴的图片可以有任何高度,它们显然会破坏以下所有内容。 所以问题是如果可能使用margin,padding,解决方案,以确保独立于图像大小,它将调整到基线。 我知道有一些替代品,如使所有图像转为行的倍数高度,这样我可以保持节 ..
发布时间:2017-02-04 22:07:34 前端开发