When writing the CSS style of text, how to break the effect that the line height can not be kept consistent with the design draft?

what if the font line height is inconsistent with the browser performance in the design draft?

< H2 > first try Photoshop CC 2018 < / H2 >

example: font Microsoft Yahi routine

font-size:16px;
line-height:24px;

PSchrome

div30px

chromeline-height24px48px
Photoshop,

PS48px

Adobe XD

Adobe XD this thing aligns a text box around PS, but this one. It"s still a hoax, and it doesn"t have the same effect as the browser, so it"s a member of the Adobe family.

< H2 > now when writing the CSS style, the text alone can not achieve the same visual effect as the design draft, and obsessive-compulsive disorder is driving me crazy. < / H2 >

Ps line-height web photoshop css

Mar.18,2021

https://codeshelper.com/q/10.

(1) set line-height: 1 tag importance uniformly to the tags you want in the reset css file; but the object cannot be inline, otherwise it is invalid;
(2) if you want inline tags to achieve the same effect, you can use display:block; or display:inline-block;
(3) of course, you can also put inline tags within block-level tags, for example:

<span></span>
<span></span>

< / div >
set the parent div.
(4) for more details, https://codeshelper.com/a/11.

Previous: How does PHP use beanstalkd asynchronous task queue to implement WeChat Mini Programs to send template messages in groups?

Next: How does mpvue deal with bindgetuserinfo?