css如何實現背景圖電腦端/手機端自適應功能-css教學-PHP中文網

首頁

web前端

css教學

css如何實現背景圖電腦端/手機端自適應功能

一个新手

Sep 09, 2017 pm 01:05 PM

css智慧型手機

css程式碼：

@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
a{
	text-decoration: none;
}
html{
	width: 100%;
	height: 100%;
	overflow-x:hidden; 
	overflow-y:auto;
}
body{
	width: 100%;
	min-height: 100%;
}
.login-bg{
	 background:url(./bg.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

html程式碼：

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title></title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8, target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
</head>
<body class="login-bg">
//你的内容
</body>
</html>

以上是css如何實現背景圖電腦端/手機端自適應功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

@rules具有多少特異性，例如@keyframes和@media？Apr 18, 2025 am 11:34 AM

前幾天我得到了這個問題。我的第一個想法是：奇怪的問題！特異性是關於選擇者的，而在符號不是選擇器，那麼...無關緊要？

您可以嵌套@Media和@support查詢嗎？Apr 18, 2025 am 11:32 AM

是的，您可以，而且它並不重要。不需要CSS預處理器。它在常規CSS中起作用。

快速吞噬緩存破壞Apr 18, 2025 am 11:23 AM

您應該肯定會在CSS和JavaScript（以及圖像和字體以及其他內容）等資產上設置遙遠的高速緩存標頭。告訴瀏覽器

尋找可以監視CSS質量和復雜性的堆棧Apr 18, 2025 am 11:22 AM

許多開發人員寫瞭如何維護CSS代碼庫的文章，但並沒有很多關於如何測量該代碼庫質量的文章。當然，我們有

數據學家用於建議不執行值的值Apr 18, 2025 am 11:08 AM

您是否曾經有一種需要接受簡短而任意的文本的表格？喜歡名字或其他。那完全是用的。有很多

蘇黎世的最初會議Apr 18, 2025 am 11:03 AM

我很高興能前往瑞士蘇黎世參加前界（Love the Name and URL！）。我以前從未去過瑞士，所以我很興奮

使用CloudFlare工人建立全棧無服務器應用程序Apr 18, 2025 am 10:58 AM

我在軟件開發方面最喜歡的發展之一是無服務器的出現。作為一個傾向於陷入細節的開發人員

在NUXT應用程序中創建動態路由Apr 18, 2025 am 10:53 AM

在這篇文章中，我們將使用我構建和部署的電子商務商店演示來進行Netlify，以展示如何為傳入數據製作動態路線。這是一個公平的

See all articles

熱AI工具

熱工具

mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），