響應式，讓屏幕自適應

時間 2021-08-13

標籤 html 瀏覽器 ide spa scala xml htm utf-8 欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html

<html xmlns="http://www.w3.org/1999/xhtml">瀏覽器

<head>ide

<title>響應式</title>scala

<style>xml

body{htm

margin:0;utf-8

color:#FFF;it

}

.clas {width: 1000px; margin:0 auto; background:#600;}

@media screen and (max-width:980px) {

.clas {width: 500px; margin:0 auto; background:#000;}

}

@media screen and (max-width:680px) {

.clas{

width:300px;

background:#F00;

margin:0 auto;

}

@media screen and (max-width:320px) {

.clas{

width:200px;

background:#30F;

margin:0 auto;

}

</style>

</head>

<body>

你能夠縮小瀏覽器看看

你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看你能夠縮小瀏覽器看看

</div>

</body>

</html>

小賈做品

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。