Only set the width or height, and it will scale the other automatically. And yes you can use a percentage.
The first part can be done, but requires JavaScript, so might not work for all users.
Related Posts:
- Open link in new tab or window [duplicate]
- Half circle with CSS (border, outline only)
- Unblur content inside blurring background div
- What character encoding is >?
- Setting table column width
- What is difference between png8 and png24
- How to center an iframe horizontally?
- How can I set the default value for an HTML
- the use of `%3F` in URL
- Tab space instead of multiple non-breaking spaces (“nbsp”)?
- My website doesn’t work in I.E. (but does in chrome and firefox)
- Onclick javascript to make browser go back to previous page?
- Best way to encode Degree Celsius symbol into web page?
- How to place a text next to the picture?
- How do you create a hidden div that doesn’t create a line break or horizontal space?
- Is it possible to get a list of files under a directory of a website? How?
- AngularJS ngClass conditional
- How to darken a background using CSS?
- How to solve PHP error ‘Notice: Array to string conversion in…’
- Hiding a button in Javascript
- How to display and hide a div with CSS?
- How to keep footer at bottom of screen [duplicate]
- How to embed a PDF viewer in a page?
- Adding image inside table cell in HTML
- How do I set vertical space between list items?
- Check if an element contains a class in JavaScript?
- html div background image not showing up
- Bring element to front using CSS
- Why shouldn’t `'` be used to escape single quotes?
- How to apply style classes to td elements?
- how to overlap two div in css?
- HTML Display Current date
- How can I center a div within another div?
- How to align content of a div to the bottom
- Remove scrollbar from iframe
- wordpress contactform7 textarea cols and rows change in smaller screens
- Binding select element to object in Angular
- Dynamic height of div with css
- Removing ul indentation with CSS
- Why write script type=”text/javascript” when the mime type is set by the server?
- RegEx match open tags except XHTML self-contained tags
- How to make a div 100% height of the browser window
- Why doesn’t min-height not work on my page?
- Difference between href and data-href in anchor tag in html
- button vs. input type=”button” /. Which to use?
- How to make new page in html?
- HTML: How to center align a form
- Can an HTML element have multiple ids?
- How can I change the Bootstrap default font family using font from Google?
- Add stroke around text – on the outside – with css?
- Full Page < iframe >
- Change cursor to hand when mouse goes over a row in table
- CSS table td width – fixed, not flexible
- Check if a div exists with jquery
- Favicon not working
- CSS max-height not working
- Horizontal list items
- How to make Bootstrap Panel body with fixed height
- word-wrap break-word does not work in this example
- Change navbar text color Bootstrap
- Tooltip on image
- Create a slanted edge to a div [duplicate]
- Override USER AGENT STYLE SHEET – Chrome
- aking a flex item float right
- wp_editor adds HTML entities to the content
- How to escape html code with html allowed
- How to Embed HTML files directly into WordPress
- Thumbnail + Excerpt = loss in word count
- Editing page content through FTP?
- How do you get words to show up at the bottom instead of beside a left-aligned photo? [closed]
- Migrating content from an old solution. How to easily change hardcoded hyperlinks in legacy content
- Embed tag length issues
- How put links in wordpress dynamic sidebar?
- How to add a class to the element?
- WordPress editor not creating tags properly in tables
- How do I make HTML output work when using the customizer?
- Custom posts with certain html [closed]
- What doctype is considered best practice to use for WordPress?
- Using custom HTML tags to WordPress [closed]
- Remove tags from wordpress head
- render html no formatting
- Remove lines around an HTML table in Gutenberg block
- hyphenation not working in Gutenberg editor
- product description text displays above website when in shop page [closed]
- All wordpress site went white blank screen
- iframe works on a page, but not a single, why?
- Why is WordPress swapping double quotes (“) to curly quotes (“) and how do I stop it from happening?
- Display GIF as Facebook link thumbnail
- Change rel=”noopener noreferrer” to rel=’noopener noreferrer’ (single quote)
- Display html code, not the tags
- How to add an ID to an existing HTML element?
- Open popup automatically when navigate to the page id
- Displaying html table on post content
- What are the WordPress’ pre-formatted html components?
- can’t update plugins or wordpress or install new plugins [duplicate]
- How can I add a google play badge to my header and footer?
- How to display html code normally?
- Post title appears twice in browser title bar
- WordPress adds ‘noindex’ tag to search results. Anything I can do about it?
- How can we get Buddypress to interpret HTML entities correctly?