SerakHawk Posted May 13, 2022 Clone Share Posted May 13, 2022 When I open the image context menu I do not have the option to set the width / height to a percent of the screen size. I've found this can help on mobile with small screens (I've had images squish all available text into single letter lines because the image was too large and didn't scale correctly) Only way to set to a % of screen right now is to do it in source Link to comment Share on other sites More sharing options...
Eric Posted June 3, 2022 Clone Share Posted June 3, 2022 @SerakHawkThe Invision-provided plugin for images is supposed to auto-scale the image based on the post width. Can you link an example where this didn't work? Link to comment Share on other sites More sharing options...
SerakHawk Posted June 4, 2022 Author Clone Share Posted June 4, 2022 I'll look, mostly mobile seems to skew the image around. Link to comment Share on other sites More sharing options...
SerakHawk Posted June 17, 2022 Author Clone Share Posted June 17, 2022 Here. I made the post on desktop, pixel size is 300 px - if it autoscaled it would scale to relevant size on mobile - but it is bigger than the desktop equivalent Link to comment Share on other sites More sharing options...
Eric Posted June 17, 2022 Clone Share Posted June 17, 2022 Got it. If you can drop a link here, I'll take a look at the issue--probably some min-size being applied. Link to comment Share on other sites More sharing options...
PigLickJF Posted June 17, 2022 Clone Share Posted June 17, 2022 I have one that looks similar to this, also set to 300 pixel width in the image settings, but doesn't scale down on mobile: https://test.myth-weavers.com/index.php?/topic/614-alex-duende-villagos/ Link to comment Share on other sites More sharing options...
SerakHawk Posted June 18, 2022 Author Clone Share Posted June 18, 2022 https://test.myth-weavers.com/index.php?/topic/123-act-i-chapter-1-the-woods/#comment-376 Link to comment Share on other sites More sharing options...
bwatford Posted June 18, 2022 Clone Share Posted June 18, 2022 The flex box does not resize images unless they overrun the box. So a 300px image is probably going to still be 300px on mobile which is the issue here. 500px images will just resize and knock the text down below it. 300 is just an odd size which leads to a little space left for text. The solution will be to allow the user to set a % size for size instead of a pixels size. That way it is dynamic across all devices. Set a default image size of 50% would be a good start and they could resize from there. @Eric @SerakHawk @PigLickJF For the moment. Without changing to % settings. What I have found is for floated images about the max size you can use is 150px for it to display correctly on mobile. Everything else needs to be on a line by itself. Link to comment Share on other sites More sharing options...
bwatford Posted June 18, 2022 Clone Share Posted June 18, 2022 The issue has been addressed thanks to Eric and floated images will now adjust for smaller screens. @PigLickJF your link above is not a floated image as it is inside a table, so you need to go into that cell's property and set a percentage for the cell size to have the image cover. Link to comment Share on other sites More sharing options...
Recommended Posts