CSS Sixth hours

1. The difference between self-adapting layout and responsive layout

Adaptive layouts are not very demanding for web browsing, and are suitable for most users with PC-side viewing.

Responsive layouts allow Web pages to see different effects on different devices, which are positioned as percentages

Key points of a responsive layout

Compatibility issue processing article: https://ke.qq.com/course/134996#term_id=100151279

The above link is to draw JS, and the teacher demonstrated a click button pop-up text JS effect

The code is:

<script>function Myclick () {alert ("Hello word");} </script>
<input type= "button" value= "I am a button" onclick= "Myclick ()"/>

Define an event in the button and then invoke the event with function in JS, alert is a popup window

CSS Sixth hours