0
嘗試了很多之後，我無法理解爲什麼它不適合我體響應的圖像引導不想背景尺寸解決方案
<!DOCTYPE html>
<html>
<head>
<title>harpal Quiz</title>
<meta name="quizDescription" content="this is a quiz website">
<meta name="keywords" content="Quiz">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?
family=Old+Standard+TT|Pacifico" rel="stylesheet">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-
alpha.3/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href=」~/favicon.ico」 rel=」shortcut icon」 type=」image/x-icon」 />
<script
src=」https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js」></script>
<link rel="stylesheet" href="css/home.css" type="text/css">
<script src="js/quiz.js" > </script>
<script src="js/validations.js" > </script>
</head>
<body class=" img-responsive or img fluid" >
<!--both responsive and fluid not working-->
</body>
</html>
css文件工作如下
body
{
font-family: 'Old Standard TT', serif;
font-size:18px;
background-image:URL(../images/quiz.jpg);
background-repeat:no-repeat;
}
我不想使用背景大小我想要響應 爲什麼它沒有得到響應
它不適用於手機設備 –