Anonymous
Not logged in
Talk
Contributions
Create account
Log in
Publication Station
Search
Editing
Responsive design
(section)
From Publication Station
Namespaces
Page
Discussion
More
More
Page actions
Read
Edit
History
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
= Fluid images = In addition to placing images as background, as suggested in before '''Strategies for Using Media Queries''', it is also possible to set fluid <code><img></code> by placing the image inside a div and making its <code>max-width: 100%</code>. Without any other width or height instructions. The image will resize as its parent div resizes. [https://codepen.io/PublicationStation/pen/EQGdvx Code pen example] See also [https://internetingishard.com/html-and-css/responsive-images/ Interneting is Hard on responsive images]
Summary:
Please note that all contributions to Publication Station are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see
Publication Station:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Navigation
Main navigation
Main page
Printmaking Studio
Print Studio
Dig. Publishing Studio
Namespaces
Grafiwiki
Random Page
Log in
Wiki tools
Wiki tools
Page tools
Page tools
User page tools
More
What links here
Related changes
Page information
Page logs