max-width2 [전자책 디자인]이미지 최대 너비 지정하기, max-width (2) 예전에 쓴 글에서 이미지(그래프) 최대 너비 지정하는 법을 쓰고, https://leeebook.tistory.com/21 [전자책 디자인]그래프 최대 너비 지정하기, max-width 최근에 그래프가 많이 들어가 있는 책을 전자책으로 만들었습니다. 이 그래프 넣는 것을 놓고 고민을 좀 했습니다. 그냥 생각 없이 width=100%로 속성을 부여해 100% 너비로 지정하면, 화면을 가로로 leeebook.tistory.com max-width로 이미지 최대 너비를 지정하는 방법이 알라딘 PC뷰어에서는 제대로 적용이 되지 않는다고 쓴 적이 있습니다. 그때도 max-width가 이미지에는 적용되지 않지만 표에는 제대로 적용된다는 점을 이용해서, max-width 적용된 표 안에 이미지를 넣는 편법을 생각해 .. 2021. 5. 14. [전자책 디자인]그래프 최대 너비 지정하기, max-width 최근에 그래프가 많이 들어가 있는 책을 전자책으로 만들었습니다. 이 그래프 넣는 것을 놓고 고민을 좀 했습니다. 그냥 생각 없이 width=100%로 속성을 부여해 100% 너비로 지정하면, 화면을 가로로 늘렸을 때 이미지가 지나치게 커집니다. 그래프가 텍스트와 어울리지 않게 너무 커져 있어서, 한 화면을 거의 가득 채울 정도였습니다. 물론 이미지가 클수록 좋을 수도 있지만, 텍스트에 비해서 지나치게 큰 이미지는 책의 조화를 깨뜨립니다. 그래서 이미지 최대 너비를 고정해 주어 일정 정도 이상 커지지 않게 했습니다. 그러면 아래와 같이 나옵니다. 최대 크기를 고정한(두 번째 사진) 쪽이 좀 더 깔끔해 보입니다. 스마트폰과 같이 작은 화면에서 볼 때는 화면을 가득 채워야 그래프를 알아볼 수 있지만, PC 모.. 2021. 3. 30. 이전 1 다음
