Solved

Resize image differently for phone and computer

Posted on 2013-11-17
2
189 Views
Last Modified: 2013-11-18
How do I resize an image differently for phone and computer?
0
Comment
Question by:burnedfaceless
2 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39656330
In your css, you can use media queries https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

@media (max-width: 768px) {
  img {
    width:700px;
  }
}
@media (min-width: 768px) {
  img {
    width:900px;
  }
}

Open in new window

In the above, if the viewport is below 768 one a smaller width is used, in the larger screen a larger width is used.
0
 

Author Closing Comment

by:burnedfaceless
ID: 39657417
Thank you for the link and the example
0

Featured Post

ScreenConnect 6.0 Free Trial

At ScreenConnect, partner feedback doesn't fall on deaf ears. We collected partner suggestions off of their virtual wish list and transformed them into one game-changing release: ScreenConnect 6.0. Explore all of the extras and enhancements for yourself!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Read about why website design really matters in today's demanding market.
Owning a franchise can be the dream of a lifetime. It provides a chance for economic growth. You can be as successful as you want.  To make your franchise successful, you need to market it successfully. Here are six of the best marketing strategies …
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question