CSS로 컴퓨터/휴대폰 배경 이미지의 적응 기능을 구현하는 방법-CSS 튜토리얼-php.cn

집

웹 프론트엔드

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으로 문의하세요.

관련 기사

CSS의 최고의 색상 기능?Apr 12, 2025 am 10:33 AM

나는 HSL이 우리가 가진 최고의 색상 형식이라고 전에 말했다. 우리 대부분은 16 진 코드를 읽을 수있는 David Desandro와 같은 것입니다. HSL (a)는 색조, 채도,

EdgiumApr 12, 2025 am 10:32 AM

2020 년 1 월 15 일은 Microsoft Edge가 Chromium으로 향한 날이었습니다. 브라우저 엔진 다양성 감소. 강력한 주장이 있습니다.

'이 모든 일은 할 수있는 일이 매우 쉽습니다. 그들은 앉아서 웹 사이트를 통과 할 사람이 필요합니다.'Apr 12, 2025 am 10:31 AM

나는 영국의 Channel 5 News에서 트위터에 게시 된 비디오를 보았습니다.

Jamstack vs. JamstackApr 12, 2025 am 10:30 AM

클라이언트 측 코드를 사용하는 동안 정적으로 할 수있는만큼의 서비스를 제공하고 그 이후의 모든 요구에 대해 서버리스 API를 치는 아이디어를 불러 일으키는 아이디어를 불러 일으키는 단어 일뿐입니다.

비즈니스 아빠Apr 12, 2025 am 10:29 AM

Shoptalk 및 Codepen Radio의 팟 캐스트 편집자 인 Chris Enns에게 축하합니다. Alexis Ohanian,

다 방향 레이아웃 구축Apr 12, 2025 am 10:15 AM

CSS에는 다양한 방향과 언어를 쉽게 구축하는 데 도움이되는 새로운 기능이 있습니다. 이 기사는 CSS에 관한 것입니다

CSS와 너비/높이 HTML 속성의 너비/높이의 차이는 무엇입니까?Apr 12, 2025 am 10:13 AM

일부 HTML 요소는 속성으로 너비와 높이를 허용합니다. 일부는 그렇지 않습니다. 이러한 속성은 때때로 프레젠테이션 속성이라고합니다. 그들에 대해 알아야 할 것은 다른 스타일 정보에 의해 무시된다는 것입니다. 저것

하이 파이브를 넷리티합니다Apr 12, 2025 am 10:10 AM

우리는 올해 다시 이곳의 스폰서로 순립을 얻었습니다. 이는 환상적입니다. 큰 팬. 우리 자신의 Sarah Drasner는 DX (Developer Experience)의 책임자입니다.

See all articles

핫 AI 도구

뜨거운 도구

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는