We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Describe the bug Image using the max-width attribute, or setting it via custom CSS, are not previewed properly in Typora in preview mode.
Exporting HTML (with styles) or PDF will respect max-width, however.
max-width itself seems recognized, as the #write section can be resized following https://support.typora.io/Width-of-Writing-Area/, but it doesn't work for images.
#write
Using width will work, you can use it to compare.
width
This applies to both percentage and absolute values.
I haven't tested other elements like blocks of text or table, but that would be interesting to compare.
To Reproduce Steps to reproduce the behavior:
<img src="dummy.png" max-width="50%">
Expected behavior Image should be limited to max-width, half of the page content in this case.
Screenshots / Screencasts If applicable, add screenshots / screencasts to help explain your problem.
Sample Markdown File
If you're not a fan of Toshiro Mifune, you can use this dummy red rectangle:
Then use the HTML already mentioned above:
Desktop (please complete the following information):
Typora Version 1.7.6
Additional context I'm trying to make a flexbox in wrap mode to contain many small images.
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Describe the bug
Image using the max-width attribute, or setting it via custom CSS, are not previewed properly in Typora in preview mode.
Exporting HTML (with styles) or PDF will respect max-width, however.
max-width itself seems recognized, as the
#write
section can be resized following https://support.typora.io/Width-of-Writing-Area/, but it doesn't work for images.Using
width
will work, you can use it to compare.This applies to both percentage and absolute values.
I haven't tested other elements like blocks of text or table, but that would be interesting to compare.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Image should be limited to max-width, half of the page content in this case.
Screenshots / Screencasts
If applicable, add screenshots / screencasts to help explain your problem.
Sample Markdown File
If you're not a fan of Toshiro Mifune, you can use this dummy red rectangle:
Then use the HTML already mentioned above:
Desktop (please complete the following information):
Typora Version
1.7.6
Additional context
I'm trying to make a flexbox in wrap mode to contain many small images.
The text was updated successfully, but these errors were encountered: