ホームページ > 記事 > ウェブフロントエンド > パソコン・携帯電話の背景画像のアダプティブ機能を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 中国語 Web サイトの他の関連記事を参照してください。