이미지 사이즈가 큰 이미지를 본문에 첨부했을때 해당 이미지를 클릭하면 원본 사이즈 이미지가 보이게 됩니다.

그런데 해당 이미지가 가로가 5000px 정도 되면 화면 보기가 불편한데, 혹시 확대 이미지가 모니터에 100%로 보여지게 하는 방법은 없을까요?

 

max-width 개념을 주면 될듯 한데.

 

모니터 해상도 보단 작을땐 원본 사이즈로 보여주고, 모니터 해상도 보단 클땐 모니터에 100%로 보여주면 될것 같은데.

 

 

  • ?
    애드온으로 여러개 이미 있습니다.
    xetown 만 해도 이미지 클릭하면 이미 적용되어있다는것을 알수 있구요.
    이미지가 작아서 테스트 할수 없다면 가로 창 크기를 줄인후에 이미지 눌러보시면 창크기보다 작은 이미지면 원본사이즈로 보여지고 그보다 큰경우면 화면사이즈에 맞게 줄여서 보여지게 됩니다.
    다시 한번 누르면 원본 사이즈로 확대되는것을 확인하실수 있을거예요.