Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

html - 我的媒体查询不起作用。包括元标记；链接 rel 链接

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 23:02:09 30 4
mua khóa gpt4 Nike

Người mới bắt đầu viết mã ở đây. Tôi đang cố gắng đặt điểm dừng cho trang web của mình cho thiết bị di động để trang web của tôi vừa với màn hình nhỏ. Tôi chỉ muốn kiểm tra xem màu nền có thay đổi hay không nếu tôi thu nhỏ chiều rộng của khung nhìn nhưng không có gì xảy ra. Có lẽ tôi chỉ mù quáng trước một lỗi đơn giản?

body {
	margin: 0;
	màu nền: #4f4d4d;
	tràn-x: ẩn;
	width: 100%;
	chiều cao: tự động;
}

ul {
	lề trên: -80px;
	kiểu danh sách: không có;
}

li {
	cỡ chữ: 25px;
    phao: đúng;
    độ dày phông chữ: đậm;
}

li a {
	display: block;
	trang trí văn bản: không có;
	text-align: center;
	font-family: sans-serif;
	color: white;
	viền trái: 1px màu trắng;
	phần đệm: 23px;
}

li a:đã ghé thăm {
	trang trí văn bản: không có;
	color: white;
	font-family: sans-serif;
}

li a:hover:not(.active) {
	background-color: #333;
}


#tiêu đề {
	position: relative;
	width: 100%;
	chiều cao: 875px;
	hình nền: url(../images/bg.jpg);
	lặp lại nền: không lặp lại;
	kích thước nền: 100% 100%;
}

#nav {
	width: 100%;
	chiều cao: 75px;
	màu nền: đen;
}

#logo {
	chiều rộng: 75px;
	chiều cao: 75px;
}

#logo_text {
	position: absolute;
	hiển thị: nội tuyến;
	trên cùng: -10px;
	trái: 80px;
	cỡ chữ: 30px;
	font-family: sans-serif;
	color: white;
	độ dày phông chữ: đậm;
}

#welcome_text_div {
	position: absolute;
	chiều rộng: 1000px;
	chiều cao: 300px;
	trên cùng: 25%;
	left: 0;
	phải: 0;
	lề: tự động;
}

#văn bản chào mừng {
	color: white;
	font-family: sans-serif;
	chuyển đổi văn bản: chữ hoa;
	độ dày phông chữ: đậm;
	cỡ chữ: 90px;
	text-align: center;
}

#welcome_under_text {
	color: white;
	font-family: sans-serif;
	text-align: center;
	độ dày phông chữ: đậm;
	lề trên: -80px;
	cỡ chữ: 25px;
}

#cựu sinh viên_div {
	position: relative;
	chiều cao: 800px;
	chiều rộng: 95%;
	lề phải: tự động;
	lề trái: tự động;
	trên cùng: 100px;
	lề dưới: 50px;
}


.alumni_link:liên kết {
	trang trí văn bản: không có;
}

.alumni_link:đã ghé thăm {
	color: white;
}

.alumni_link:di chuột {
	màu: xám;
}

#cựu sinh viên_1 {
	position: absolute;
	chiều rộng: 25%;
	chiều cao: 100%;
	màu nền: đen;
	phải: 77%;
}

#cựu sinh viên_2 {
	position: absolute;
	chiều rộng: 25%;
	chiều cao: 100%;
	màu nền: xanh lam;
	phải: 51%;
}

#cựu sinh viên_3 {
	position: absolute;
	chiều rộng: 25%;
	chiều cao: 100%;
	màu nền: đỏ;
	trái: 50,5%;
}

#cựu sinh viên_4 {
	position: absolute;
	chiều rộng: 25%;
	chiều cao: 100%;
	màu nền: màu cam;
	trái: 77%;
}

.alumni_text {
	font-family: sans-serif;
	độ dày phông chữ: đậm;
	cỡ chữ: 35px;
	lề trên: 300px;
	color: white;
	text-align: center;
}

.văn bản tốt nghiệp {
	font-family: sans-serif;
	độ dày phông chữ: đậm;
	cỡ chữ: 20px;
	color: white;
	text-align: center;
}


<đầu>
	
	
	Trang web CLC
	
	


	

		

		

			
Ưu đãi tốt nhất

			
Sự thật trốn tránh một định nghĩa duy nhất và sự hiểu biết thực sự đòi hỏi một góc nhìn so sánh
Xem sitemap của VNExpress 

@media chỉ có màn hình và (độ rộng tối đa: 1024px) {
	body {
	margin: 0;
	màu nền: trắng;
	tràn-x: ẩn;
	width: 100%;
	chiều cao: tự động;
    }
}


@media chỉ có màn hình và (độ rộng tối đa: 767px) {
	body {
	margin: 0;
	màu nền: đỏ;
	tràn-x: ẩn;
	width: 100%;
	chiều cao: tự động;
    }
}

@media chỉ có màn hình và (độ rộng tối đa: 480px) {
	body {
	margin: 0;
	màu nền: xanh lam;
	tràn-x: ẩn;
	width: 100%;
	chiều cao: tự động;
    }  
}

câu trả lời hay nhất

Xem câu đố này

Các dấu ngoặc đã biến mất và nó trông giống thế này hơn:

@media chỉ có màn hình và (độ rộng tối đa: 1024px) {
    body {
      margin: 0;
      màu nền: trắng;
      tràn-x: ẩn;
      width: 100%;
      chiều cao: tự động;
    }
}


@media chỉ có màn hình và (độ rộng tối đa: 767px) {
    body {
      margin: 0;
      màu nền: đỏ;
      tràn-x: ẩn;
      width: 100%;
      chiều cao: tự động;
    }
}

@media chỉ có màn hình và (độ rộng tối đa: 480px) {
    body {
      margin: 0;
      màu nền: xanh lam;
      tràn-x: ẩn;
      width: 100%;
      chiều cao: tự động;
    }
}

Về html - truy vấn phương tiện của tôi không hoạt động. Bao gồm thẻ meta; liên kết liên kết rel, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/36086707/

30 4 0
Bài viết khuyến nghị: node.js - Cập nhật nhiều tài liệu với mongoose bằng node-cron
Bài viết khuyến nghị: sql - Cách tốt nhất để chạy truy vấn SQL với các tham số tùy chọn là gì?
Bài viết khuyến nghị: node.js - Nhận thông tin từ Req.User() đến Req.params() trong ExpressJS
Bài viết khuyến nghị: html - Cùng kiểu, khác màu phông chữ trong Chrome
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com