Linked Questions

758 votes
18 answers
1.9m views

Is there a way to resize (scale down) images proportionally using ONLY CSS? I'm doing the JavaScript way, but just trying to see if this is possible with CSS.
codingbear's user avatar
  • 15.2k
95 votes
12 answers
539k views

I notice that my code is responsive, in the fact that if I scale it down to the size of a phone or tablet - all of the text, links, and social icons scale accordingly. However, the ONLY thing that ...
Anonymous's user avatar
  • 1,011
37 votes
12 answers
41k views

http://jsfiddle.net/Log82brL/15/ This <img> isn't shrink wrapping as I would expect with min-width:100% I'm trying to shrink the <img> until either height or width matches the container ...
neaumusic's user avatar
  • 10.5k
1 vote
3 answers
6k views

I have a problem with trying to fit an image into my div. My image is bigger than my div, so when I do the traditional style="width:100%;" it will resize the div, taking up more space than it ...
ivan l's user avatar
  • 67
4 votes
2 answers
3k views

I'm trying to find a method to re-size image (.jpg) file base on the longest side. Images taken vertically and horizontally will have different longest side, I'm trying to fit them into a size-fixed ...
Maki's user avatar
  • 647
3 votes
3 answers
1k views

I'm in the beginning stages of my 1st bootstrap site, and can't remember how to pass the document.getElementByClass("mydiv").offsetWidth to the CSS in order to dynamically scale the SVG images ...
0ICU812's user avatar
  • 33
2 votes
0 answers
2k views

I have a DIV of 100px height & width and I am trying to fit an image of 800x800 pixels. Initially, the image seems very small, if I increase the min-height and min-width to 200px, then it seems ...
nix's user avatar
  • 165
7 votes
1 answer
485 views

This seems like something that would've been asked before but I can't find the duplicate so... I want the smallest dimension of an image to be scaled max 200 while keeping aspect ratio. So: A 600x400 ...
Mark's user avatar
  • 20.2k
-1 votes
3 answers
680 views

Ok, I guess you've heard this one before... I tried to find a solution, but can't find one. I have a container that covers the left 50% of a screen. Inside the container I want an image to cover the ...
Delal's user avatar
  • 131
2 votes
1 answer
407 views

Hi I have a div which is my nav bar, when I want to place my logos in the nav bar. Code <div class="first_bar"> <img class="home" src="../../assets/Home Unclicked-01.png"> &...
chink's user avatar
  • 1,661
0 votes
1 answer
284 views

i'm trying to display html text stored in server data base. but the style of figure tag not working and the image is displaying in original size <body> <figure style="width:50%;">...
Youcef Guitoun's user avatar
0 votes
1 answer
156 views

I am currently working on a website design using HTML and CSS and I want to position this image to fit in the page like this: I need it to be responsive. What I did for its part is: HTML: <div ...
spadletskys's user avatar
0 votes
0 answers
114 views

I'm trying to add an image for a logo on top of a background image. The background image resizes but the logo doesn't. Any tips as to where I've gone wrong? Thanks <body> <div class="...
Jacob's user avatar
  • 9
0 votes
2 answers
54 views

I would like to put an image to fit some containers based on the height or the width. The outer container A have the fixed width and height. I only need to set the img like width:100% if I want it to ...
Vergil Chan's user avatar
0 votes
1 answer
43 views

I've looked at many other threads concerning this question but none of the solutions seem to be working. For example, max-width: 100% and height: auto does not make the images responsive. They look ...
ErichMB's user avatar

15 30 50 per page
1
2 3 4 5
7