I use the following CSS code for formatting when screen width is less than 480px, and it works well.
@media screen and (min-width: 480px) { body { background-color: lightgreen; } }
I would like to get the current width for calculation to use zoom
like it follows:
@media screen and (min-width: 480px) { body { background-color: lightgreen; zoom: (current screen width)/(480); } }
Related Posts:
- How am I supposed to use index.html?
- CSS Background Opacity [duplicate]
- Making a
- Is there a color code for transparent in HTML?
- multiple classes on single element html
- How to insert spaces/tabs in text using HTML/CSS
- How to get these two divs side-by-side?
- Is there a color code for transparent in HTML?
- “Stray start tag footer” in html validator?
- How to make the HTML link activated by clicking on the
- ?
- How to change text transparency in HTML/CSS?
- HTML Width Percentage
- Text-decoration: none not working
- Why are my CSS3 media queries not working on mobile devices?
- How do I right align div elements?
- How would you make two s overlap?
- How to center HTML5 Videos?
- height style property doesn’t work in div elements
- margin-right is not working with my HTML. How can I center my content?
- How to center HTML5 Videos?
- HTML span align center not working?
- How to place Text and an Image next to each other in HTML?
- Align
elements side by side- CSS – display: none; not working
- Delete white space between divs
- Display Images Inline via CSS
- Text wrapping around a div
- CSS/HTML: Create a glowing border around an Input Field
- Why CSS3 Animation is not working?
- Need to make a clickable
button- Set line height in Html
to make the html looks like a office word when
has different font sizes
- Using margin / padding to space span tag from the rest of the p tag
- How to expand textarea width to 100% of parent (or how to expand any HTML element to 100% of parent width)?
- Removing whitespace between HTML elements when using line breaks
- CSS fixed width in a span
- Why are my divs overlapping?
- How to make canvas responsive
- How to Add Admin Bar and Admin Menu or Submenu Notification Bubbles?
- Why is WordPress changing my HTML code
- raw code vs wordpress
- Adding HTML to the Header, Screws up in IE7
- Write text below a specific part of a sentence
- How to insert html/css/javascript code to wordpress plugin
- How to create fa-bars animated menu
- Get a blank line after div by simply leaving an empty line in the editor
- Changing CSS FilePath for All Pages
- Can’t Display Table Headers in Responsive table layout
- Title has word broken when viewed in mobile [closed]
- how to hide submenus for the not active pages
- How can I get the search form to be selected automatically?
- Some Text of website page on Iphone Safari become invisible
- Get post format and use it as a CSS class in different spans
- Is it safe to use WordPress generated classes?
- How to change the settings of a video? [closed]
- Simple way to add custom class and ids to individual Gutenberg blocks
- Acessing HTML element with no specific tag on it [closed]
- How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
- Custom CSS is not working?
- Responsive issue with secondary logo – not sticking in position [closed]
- Earlier stylesheet not overriding later one
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- How to add class to an html output element in tinyMCE paragraph drop down menu
- WordPress is not displaying CSS file
- Change class names dynamically added to html elements by wordpress
- I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
- Hide Tab Titles from Tabs Block
- WordPress footer always at the bottom of the screen-page
- WordPress login using a completely custom page and no plugins?
- How to display image on WordPress homepage
- Clickable Text To Replace Radio buttons
- How to remove the specific class
- Img load while refreshing
- HTML not resizing
- Navigation menu disappears when I hover the mouse [closed]
- Content going full width even though container is not
- How to Compress Css/js code in wordpress and increase loading speed?
- Bootstrap News: Image Modifciation
- Fonts are parsed in one way but rendered in a different way
- Divi Theme HTML code is different in View Page Source than in the Firefox Inspector
- How to Take Logo Out of Navigation Menu? [closed]
- @media applying globally and not separately for each screen width [closed]
- issues with a slider – investigations with firebug
- How would I add this code to a single WordPress page?
- Trouble with adding preloader to my home page index.html and index.js
- WP theme update causes child theme CSS problems
- Import HTML code that loads css and javascript into specific page
- checkbox function not working for dropdown menu
- Pages in another language
- Outputting the blogposts or the_content()
- Converting Static HTML pages to WordPress
- How do I hide a specific div class inside ? [closed]
- Interactive maps in wordpress
- How to add input search field with roudned corners?
- Rollover button doesn’t appear in sidebar [closed]
- Hiding fields a form in via CSS [closed]
- How can I use Advanced Custom Field Option page in CSS WordPress
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- WordPress site suddenly not showing some DOM elements but mobile is fine
- Grid problem on privew mode
- Editing size of h3 tag in wordpress on a one-off basis