how to adapt to mobile browser about lychee-front HOT 1 CLOSED

Note: I transferred your question to the Lychee-front repository, since the question is about the behavior of the front end.

If I understood you correctly, you are asking about the display size of the thumbnails. As you may be aware, Lychee has three layouts of photos that you can choose from in the Settings:

• The default layout, Justified, uses thumbnail height of 320px by default, but that height can be automatically scaled up and down by a factor of 2 in order to justify the thumbnails to both margins, so the thumbnail height can vary between 160px and 640px.
• There is also the Square layout that uses square thumbnails, 200x200px. So these will generally be somewhat smaller than Justified. This layout is always used for the cover photos of albums.
• Finally, there is the Unjustified layout, which uses a fixed thumbnail height of 240px. Again, these will on average be smaller than Justified, at least for wider browser windows (there may not be much difference on mobile). However, the height used with this layout is user-adjustable. Here's a custom CSS excerpt you can enter in the text field at the bottom of the Settings screen that will shrink the thumbnails by half:

.unjustified-layout > .photo {
        max-height: 120px;
}

I hope this helps!

from lychee-front.