Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Image sizes on different screens / resolutions

Recommended Posts

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. 

Screenshot 2020-05-07 at 13.04.58.png

Screenshot 2020-05-07 at 13.05.07.png

Link to comment
  • 2 weeks later...
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

  • 4 weeks later...

@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;
<style>img {
 -webkit-user-drag: none;
 -khtml-user-drag: none;
 -moz-user-drag: none;
 -o-user-drag: none;
 user-drag: none;
} </style>
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...