基礎教程
菜鳥教程(cainiaoplus.com)
HTML/CSS
HTML基礎教程
HTML5基礎教程
HTML參考手冊
SVG 教程
CSS 教程
CSS 參考手冊
CSS3教程
Bootstrap3 教程
Bootstrap4 教程
Font Awesome圖標
JavaScript
JavaScript 教程
JavaScript 參考手冊
jQuery 教程
AJAX 教程
JSON 教程
AngularJS 教程
ReactJS 教程
NodeJS 教程
服務端開發(fā)
C++ 教程
Golang 教程
C 語言教程
PHP 教程
C# 教程
LINQ 教程
Lua 教程
Ruby 教程
Rust 教程
Linux 教程
R 語言教程
Docker 教程
Scala 教程
MatLab 教程
Erlang 教程
Java教程
Java 教程
SpringBoot 教程
JDBC 教程
JSP 教程
Servlet 教程
Maven 教程
Spring 教程
Python教程
Python 教程
Pandas教程
Numpy教程
Django 教程
Matplotlib 教程
Flask 教程
移動端
Swift 教程
Kotlin 教程
數(shù)據(jù)庫
SQL 教程
MongoDB 教程
SQLite 教程
PostgreSQL 教程
MySql 教程
Redis 教程
Elasticsearch 教程
經驗筆記
在線工具
首頁
CSS3教程
CSS3 媒體查詢
使用CSS媒體查詢更改元素的寬度
源代碼:
點擊運行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用CSS媒體查詢更改元素的寬度 -基礎教程 (cainiaoplus.com)</title> <style> .container { margin: 0 auto; background: #ceceff; box-sizing: border-box; } /* Mobile phones (portrait and landscape) ---------- */ @media screen and (max-width: 767px){ .container { width: 100%; padding: 5px 10px; } } /* Tablets and iPads (portrait and landscape) ---------- */ @media screen and (min-width: 768px) and (max-width: 1023px){ .container { width: 750px; padding: 5px 10px; } } /* Low resolution desktops and laptops ---------- */ @media screen and (min-width: 1024px) { .container { width: 980px; padding: 5px 15px; } } /* High resolution desktops and laptops ---------- */ @media screen and (min-width: 1280px) { .container { width: 1200px; padding: 5px 20px; } } </style> </head> <body> <div class="container"> <p> 先帝創(chuàng)業(yè)未半而中道崩殂,今天下三分,益州疲弊,此誠危急存亡之秋也。然侍衛(wèi)之臣不懈于內,忠志之士忘身于外者,蓋追先帝之殊遇,欲報之于陛下也。誠宜開張圣聽,以光先帝遺德,恢弘志士之氣,不宜妄自菲薄,引喻失義,以塞忠諫之路也。 宮中府中,俱為一體,陟罰臧否,不宜異同。若有作奸犯科及為忠善者,宜付有司論其刑賞,以昭陛下平明之理,不宜偏私,使內外異法也。 侍中、侍郎郭攸之、費祎、董允等,此皆良實,志慮忠純,是以先帝簡拔以遺陛下。愚以為宮中之事,事無大小,悉以咨之,然后施行,必能裨補闕漏,有所廣益。 </p> <p> 將軍向寵,性行淑均,曉暢軍事,試用于昔日,先帝稱之曰能,是以眾議舉寵為督。愚以為營中之事,悉以咨之,必能使行陣和睦,優(yōu)劣得所。 親賢臣,遠小人,此先漢所以興隆也;親小人,遠賢臣,此后漢所以傾頹也。先帝在時,每與臣論此事,未嘗不嘆息痛恨于桓、靈也。侍中、尚書、長史、參軍,此悉貞良死節(jié)之臣,愿陛下親之信之,則漢室之隆,可計日而待也。 臣本布衣,躬耕于南陽,茍全性命于亂世,不求聞達于諸侯。先帝不以臣卑鄙,猥自枉屈,三顧臣于草廬之中,咨臣以當世之事,由是感激,遂許先帝以驅馳。后值傾覆,受任于敗軍之際,奉命于危難之間,爾來二十有一年矣。 </p> </div> </body> </html>
運行結果
Copyright ?2023
菜鳥教程
cainiaoplus.com
丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清