Image sizes on different screens / resolutions

Site URL: http://christopher-mitchell.co.uk/

I'm happy with my website whilst looking on a typical 1080p monitor, but I'd also like it to look the same on a 4k Monitor. 

Currently the images are a good size on the 1080p but on the 4k they look quite small. Is there a way to make sure that the size of the images stays consistent across screen sizes / resolutions?

(I have attached two screenshots, first being on the 4K monitor and the second the 1080p. 

Can you turn off "disable right click" feature?

Is there a solution for this?

Also would love to know if there's a way to disable the right click on images feature.

9 minutes ago, mhoelzer said:

Also would love to know if there's a way to disable the right click on images feature.

 

Try this guide.

@Tuanphan - what's the difference between that code and this? Found this on another thread.

<script type="text/javascript">
     function nocontext(e) {
       var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
       if (clickedTag == "IMG")
         return false; 
     }
     document.oncontextmenu = nocontext;
   </script>
<style>img {
 -webkit-user-drag: none;
 -khtml-user-drag: none;
 -moz-user-drag: none;
 -o-user-drag: none;
 user-drag: none;
} </style>

You can download images by drag image & drop to your PC.

Above style code will disable this.