Jump to content

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
  • 4 weeks later...
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

@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


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.