Who can give me a green picture that is the same as the WeChat chat bubble?

As shown in the picture:

The percentage is not fixed during design. You can adjust it appropriately. For example, if your APP has a lot of white space, then you can set this value to 65%, leaving Bai Shao can be set to 80%, normal can be set to 70%, and then take multiples of 8.

Take the design of 750x1334 as an example. The bubble box is set to 70% according to the conventional ratio. Then the maximum width of the bubble box (a)=750*70%=525px, and finally the multiple of 8 is 520px. Extension information

For the text part of the WeChat chat bubble box, in the chat interface, the text bubble box adaptation is best marked in percentage, so as to ensure the uniform display effect of each model and ensure the smooth implementation of the project. .

To adapt the picture part of the picture bubble box in the WeChat chat bubble box, first set the value range of the thumbnail. In order to maximize the preservation of the picture aspect ratio style, we use the setting of the length of both sides for the picture adaptation. Value range, scale on one side, and set the threshold ratio for image adaptation.