/* When the screen is smaller than 1200px*/
@media (max-width:1200px) { ...}
Here for all less than 1200px Of the screen css attribute .
/* When the screen is smaller than 1200px And greater than 992px*/
@media (min-width: 992px) and (max-width: 1200px) {...}
Here for 992~1200px Of the screen css attribute , When the screen is smaller than 992 Will continue to reference the default css attribute , Unless you reset the screen to be smaller than 992 Of CSS attribute .

How to change according to the screen size class Of css More articles about styles

  1. js Call different... According to the screen size css file

    reason : The screen size is different , Websites always look weird , therefore , For different screen sizes , Wrote different css, Finished writing , The problem to be solved is : How to refer to different CSS, Here's the solution . resolvent : First , stay hea ...

  2. use JS Elements of change CSS style ,css in display :none hide block Show

    CSS Style references are 3 Ways of planting :style quote .class quote .id quote , therefore js We can also change the style of elements 3 In other words . 1.js Change by style The style of the way reference : Method 1 :document.divs.style. ...

  3. A note css Interview questions : Three column layout with fixed width on both sides , Middle width adaptive , And the layout changes with the screen size .

    There was a way in the interview the other day css The problem hasn't been worked out , Come back to study hard and write it down . The title is like this : Three columns on the left, middle and right , The width of the left and right columns is fixed , The width of the left and right columns is 200 Pixels , The width of the middle bar is adaptive . When the screen is smaller than 600px when ,3 The columns will occupy ...

  4. js By looking at the screen size , Change other css attribute

    First , We need to know how to get the screen data . <html><head><title> Get the current object size and screen resolution, etc </title><body> ...

  5. jquery Change multiple css style

    <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax ...

  6. Judging from PC The browser type is different from the phone screen pixel auto call CSS Code for

    1. The media query method is in css That's what it says -------------------- @media screen and (min-width: 320px) and (max-width: 480px) ...

  7. js change css style

      CreateTime--2017 year 10 month 31 Japan 15:14:12 Author:Marydon js change css style 1.js Change the individual css style HTML part <div id="tes ...

  8. CSS Style sheets and selectors ( One )

    CSS(Cascading Style Sheets) Cascading style sheets 1.CSS cascade -CSS Cascading : Where is the rule HTML Which style to use in . body{ font-size:16px; //body Default font size } ...

  9. rem、em 、font-size It changes with the size of the screen

    rem  The root tag of is html With html On the label font-size The value of is the reference point Such as : <div id="app"> <div id="son> ...

Random recommendation

  1. Web Automated test library for applications -FluentAutomation

    FluentAutomation It's a smooth automated API , Support Selenium and WatiN With all their styles and drivers . since Fluient Support Selenium, That means you can use Selenium ...

  2. Sqoop The detailed introduction includes :sqoop command , principle , technological process

    A brief introduction Sqoop It's a Hadoop And data transfer tools in relational databases , You can put a relational database ( for example : MySQL ,Oracle ,Postgres etc. ) The data in Hadoop Of HDFS ...

  3. The mutex Mutex And semaphore Semaphore The difference between

    Turn to mutex Mutex And semaphore Semaphore The difference between In multithreaded programming , These two concepts are often encountered :Mutex and Semaphore, The difference between the two is as follows : Someone has made the following analogy : Mutex It's a key , One person can go into ...

  4. [Bootstrap] 2. class &#39;row&#39; &amp; &#39;col-md-x&#39; &amp; &#39;col-md-offset-x&#39;

    Usually when desgin a web page, we think building the page in grid. Bootstrap can help us to do that ...

  5. shell Some examples of programming 3

    Numerical processing 1.let command bash The internal order of let Can be used to calculate the value of an arithmetic expression . If there are spaces or special characters in the expression , The expression should be enclosed in double quotation marks . let The grammar command of :let express-list If the most ...

  6. ice grid Complete deployment process

    To be added One Theoretical preparation One IceGrid The cluster has a registry( The registry , Used to locate ) And multiple node form . IceGrid Configuration includes cluster configuration and application configuration : config.grid It's cluster configuration , To configure Regis ...

  7. appear java.sql.SQLException: No suitable driver There are several solutions to this problem

    I'm using it today C3p0 Connect MySql database At this time, the above error appeared , Generally speaking, this kind of mistake has 3 There are two ways to solve it It's usually db The problem of configuration , Be careful DB Configuration of August 19, 2017 8:30:46 Afternoon co ...

  8. ● Line segment tree wows

    ● One of the simulated tests seems to be a question from a student , Not bad , Very test code ability . To record . ● Title to be uploaded ( Changed the story ),6128 Lence My diamonds ● ( A map as long as toilet paper ……) ● The main idea of the topic : There's a horizontal arrangement n A little bit , Every ...

  9. P4303 [AHOI2006] Gene matching Hang in the air

    subject luogu violence 60pts part Obviously, if there are no occurrences ==5 Conditions Obviously \(N_{2}\) My request lcs The template of But it's totally different if you add some conditions Ideas This question is short and pithy , I don't want data structures to be so stupid Let's think about it ...

  10. according to C# Programming experience thinking programming core

    A program is a variety of operations on data . Presentation of data , The organization of data , Data storage , Data processing , Data transmission, etc . The program is written in a specific programming language , Different programming languages have to write , Compile check , Explain the process of execution . Specific programming languages have : 1, change ...