Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > js code to determine screen resolution_javascript skills

js code to determine screen resolution_javascript skills

WBOY
Release： 2016-05-16 17:28:43
Original
1369 people have browsed it

Generally we can judge the resolution through the following code

Copy code The code is as follows:


js determines browser resolution

Copy code The code is as follows:

<script><br>function ScreenWidth(){ <br>                                                                                                                                                                                ("800*600" ; ;<br>         }<br>}<br></script>




Note: This js code can be modified and changed to screen.width>=1024 and screen.width=800 in two cases

So I chose to use the following code:

Copy code

The code is as follows:

if(screen.width>=1440){alert('Wide screen can load ads');//Some advertising code}

Use JS to determine different resolutions and call different CSS style files

I recently looked at a website and found that different monitor resolutions call style files differently. Today I wrote an example to study it,

Copy code


The code is as follows:

Untitled Document









Contents in c1.css



Copy code

The code is as follows:

*{ margin:0; padding:0;}div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;}
Content inside c2.css

*{ margin:0; padding:0;}

div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}


Related labels：
Screen Resolution
source：php.cn
Previous article：Solution to jquery.messager.js plug-in causing page jitter_jquery Next article：Simple implementation of JavaScript map drag function SpryMap_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Compare Imagick, Adobe Photoshop and Windows - Detect resolution (pixels per centimeter or pixels per inch) This is not a question but an attempt to improve my understanding of how DPI is stored in ...
From 2024-04-06 16:01:27
0
1
397
MySQL issues when summarizing sales data from two separate tables Thank you very much in advance for your support. I'm learning SQL and generating some data...
From 2024-04-04 14:22:13
0
2
343
How to align images using CSS grid? I'm trying to build part of a website using CSS grid. I'm trying to get the list and image...
From 2024-04-01 22:08:31
0
1
338
TypeError: Cannot read property of undefined (read 'position') using ThreeJs I'm trying to integrate a 3D model into the background of the hero section of my website. ...
From 2024-04-01 12:01:52
0
1
416
I can't center align anything on the screen I'm following a YouTube tutorial on how to make a responsive navigation bar on HTML using ...
From 2024-04-01 11:51:40
0
2
303
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template