Detecting the maximum width in Firefox using a C# media query

I am looking for a specific media query that will only be activated in Firefox and only when the window size is less than 1352px. I have experimented with different variations like

@@-moz-document url-prefix() and media only screen and (max-width: 1352px) {
    #timetable {
        transform: scale(0.85) !important
    }

or

@@media only screen and (max-width: 1352px) and (moz-document: url-prefix()) {
    #timetable {
        transform: scale(0.85) !important
    }

but unfortunately, none of them seem to be effective.

c#cssfirefoxmedia-queries

Answer №1

Using this snippet of code should do the trick!

@-moz-document url-prefix()  {
@media screen and (max-width: 1352px) {
   #timetable {
    transform: scale(0.85) !important
    }
}
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Unable to establish a connection using System.Data.SqlClient

Recently, I encountered a puzzling issue for which I have been unable to find a solution online. A client's new server is running Windows 2008 R2 (64bit) with SQL Server 2008 R2 installed as requested. We successfully installed our software on the s ...

c#.netsqloledb

What is the best way to direct this using Asp.Net WebAPI?

I am developing a Restful service that contains a list of items which can be queried by using the following endpoint: GET Api/Items This endpoint will display all items in the list. However, I also need to filter the items based on criteria such as &apo ...

c#asp.netroutesasp.net-web-api

Which Software Licensing Product is mine?

I am looking to verify if the operating system requires activation, as my current code is presenting a list of "channels". static void Main(string[] args) { ManagementObjectSearcher searcher = new ManagementObjectSearcher ( ...

c#.netwmi

How should one properly engage with the WebBrowser Control in .NET?

I've been working on perfecting my skills with the WebBrowser control for a data extraction application I'm developing. One of the key objectives is to record user actions and then replay them. Although I've made some progress, I'm unc ...

c#.netwinformswebbrowser-control

"Escape the confines of traditional div sections with the dynamic features of

In the beginning, I have arranged two rows of three divs on my webpage, which is how I intend to use them later. However, when testing the 'mobile view', the divs in the section overflow and move into the next part below the section. This causes ...

htmlcssfullpage.js

Tips for including an additional class in an element

I have an image tag with the "kiwi" class, and another class that makes it spin. I want to toggle this second class (called 'elem') when clicking on the play button of my music player. Here is the image tag with the class: <img src="./im ...

javascripthtmlcss

Setting the alignment to the right for the select attribute within HTML

I have been attempting to align a select attribute in HTML to the right side of the page, but so far I have been unsuccessful. Below are the codes that I have tried: <!DOCTYPE html> <html> <body> <h1>Java Casting</h1> ...

htmlcss

Four identical columns with no outer margin and evenly spaced inner margins

This is a variation of the discussion on removing right and left border space in table-cell display elements. Despite attempting to use divs with equal inner margins, I encountered unexpected spacing causing the last div to wrap. You can view my attempt ...

htmlcss

What is the best way to incorporate the parallax effect into a v-carousel?

Currently, I have a "v-carousel" containing multiple images and now I am looking to incorporate a parallax effect into it, similar to "v-parallax". <v-carousel cycle height="600" hide-delimiter-background show-arrows-on-hover> <v-carousel-i ...

cssvue.jsvuetify.js

What is the reason for Bootstrap requiring both a class name and an ID name for collapse functionality?

When implementing the collapse effect in Bootstrap, why do buttons need to refer to the data-toggle=collapse class and the data-target=#collapseExample ID of the panel for the effect? Wouldn't simply targeting the ID be enough to toggle its state? Co ...

jquerycsshtmltwitter-bootstrap

Navigating through rows in Excel using Interop and deleting them based on specific conditions while ensuring that certain rows are

I’m currently developing a program for automating tasks in Excel, and I have encountered an issue with removing specific rows conditionally. In my dataset of 224 rows from a particular publisher, around 160 are deemed invalid and need to be deleted. Howe ...

c#.netexcelautomationoffice-interop

Using ASP.Net C#, you can automatically open the default email client with a new email pre-populated with relevant information in

I am looking to open the user's default mail client with a message that already has certain information filled in, using C# code-behind of an ASP.Net project. Initially, I was able to send a message directly with information included: private static ...

c#asp.netemail

Eliminate the initial padding in an everlasting horizontal CSS animation

Is there a way to start an infinite horizontal animation inside the screen instead of outside and then bring it in? I have successfully implemented the animation, but it currently starts off-screen. .marquee { margin: 0 auto; white-space: nowrap ...

htmlcss

Having trouble with the Image Path not connecting from the backend to the frontend of my application

I have been working on getting photos from my backend server and displaying them on my website. The images are stored in the API with a path that looks like localhost:44333/Images/[imagename]. On the frontend, I have tried adding the path dynamically, as ...

c#html.netangular

`Enhancing Navigation Links with Scroll-Activated Styling`

I'm attempting to recreate a visual effect that is similar to: Specifically, I am trying to achieve a style where the links in the navigation bar change color when the corresponding section is displayed, such as having the gallery link in the navbar ...

javascriptjquerycss

MsgPack in C# will result in an error when attempting to unpack a list of nullable integers that includes a NULL

I am looking to switch to MsgPack from Newtonsoft.JSON for its faster speed, but I am encountering a problem when trying to deserialize a list of nullable integers. Below is a snippet of the code I currently have: public class MyClass ...

c#jsondeserializationmsgpack

Update background to full screen and include text when hovering over DIV

Currently, I am utilizing Bootstrap and have a layout with 6 columns containing icons/text within. I desire to implement a hover effect where each column triggers a background change in transition for the entire section. In addition, text and button elemen ...

javascriptjquerycsstwitter-bootstrap

Fonts in Internet Explorer are displayed correctly only until the webpage has finished loading

I've encountered a very peculiar issue on a website I'm currently working on: While the page is loading, the fonts I've utilized (Georgia and Bebas Neue) appear correctly. However, once the page finishes loading, they switch to default sans ...

cssfonts

What is the best way to manage classNames dynamically in React with Material-UI?

I am wondering how to dynamically add and remove classes from an img tag. My goal is to change the image automatically every 2 seconds, similar to Instagram's signup page. I am struggling to achieve this using the material-ui approach. Below is a snip ...

javascriptcssreactjsreact-hooksmaterial-ui

What is the reason for the Client Height value not affecting other elements?

I'm trying to set the spacing of my sidebar from the top equal to the height of the header. However, when I use clientHeight in JavaScript to get the height and then try to apply it to other elements using marginTop or top values (with position includ ...

javascripthtmlcssweb