Using Jquery to set minwidth
Just a small simple question. If I were to use Jquery to detect a users browser window size and then take that value and declare the CSS property min-width with that value; would that be a beneficial way to display a webpage to a user, no matter the viewing device? (smartphones & tablets would be detected using media queries.) (Mainly I'm thinking about users with widescreens etc.)
I was thinking this way I can match the page to fit perfectly using percentages. I.e. something like this.
<div id="one"> < (width = 100%)
<div id="one">Hello World!</div> < (width = 50%)
<div id="two">Goodbye world!</div> < (width = 50%)
</div>
The css would work a little like;
#one {
width :100%
min-width : (determined by Jquery findings)
}
Apologies if this makes no sense just wanted an opinion or two and a little feedback.
You should use media query instead of jquery:
For example, let's say you want to use a different value for min-width if the screen size is less than or equal to 600px
#one {
width :100%
min-width : //your default value for other screen sizes
}
@media (max-width: 600px) {
#one {
width :100%
min-width : //your value when the screen size is less than or equal to 600px
}
}
-
05:30
-
04:00
-
00:00
-
10:30
-
9:10
-
07:40
Firebase Cloud Functions: PubSub, "res.on is not a function"
-
04:00
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
-
9:20
-
7:40
- search for elements in a list 110615 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 105866 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98317 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 95795 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 92014 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 61490 visits
- Adding methods to es6 child class 22092 visits
