СSS爲什麼無法使用

我想根據寬度縮放畫布的高度，但現在很奇怪。我不能刪除寬度=「1200」 HEIGHT =「1000」導致其對其他代碼重要СSS爲什麼無法使用

.responsive-box { 
 
    position: relative; 
 
    width: 60%; 
 
} 
 
.responsive-box::before { 
 
    content: ""; 
 
    display: block; 
 
    padding-top: 50%; 
 
} 
 
.canvas { 
 
    float: left; 
 
    top: 0; 
 
    left: 0; 
 
    bottom: 0; 
 
    right: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
    background: #333333; 
 
}

<head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
 
    <link rel="stylesheet" type="text/css" href="22.css"> 
 
</head> 
 

 
<body> 
 

 

 
    <div class="responsive-box"> 
 
    <canvas class="canvas" id="canvas" width="1200" height="1000" ;></canvas> 
 
    </div> 
 

 
</body> 
 

 
</html>

它看起來像你的文章大多是代碼;請添加更多的細節。它看起來像你的文章主要是代碼;請添加更多的細節。它看起來像你的文章主要是代碼;請添加更多的細節。它看起來像你的文章主要是代碼;請添加更多的細節。

來源

2016-11-29 кузьмич

你的元素與分配值的.class =「canvas」，而不是與到elemnto #ID =「canvas」

來源

2016-11-29 01:51:21

謝謝。你能再次檢查嗎？ –

你應該用能解決它的代碼的例子充實你的答案。 – Soviut

現在它是正確的。那是你想要的嗎？ –

我注意到了CSS的錯誤爲好，但它仍然沒有修改問題後，我改變了它。然而，我卻能夠得到它的工作。

的CSS應該是：

.responsive-box { 
    position: relative; 
    width: 80%; 
}

這裏有什麼這個代碼？您是否試圖將該框放在頁面上？

/* 
.responsive-box::before { 
    content: ""; 
    display: block; 
    padding-top: 50%; 
} */ 

#canvas { 
    display: block; 
    max-width: 100%; 
    background: #333333; 
}

也有下面的代碼：

top: 0; 
left: 0; 
bottom: 0; 
right: 0;

你爲什麼要聲明四面八方？您只需要2.您是否嘗試將畫布置於頁面中間？看看這個：https://css-tricks.com/centering-css-complete-guide/

來源

2016-11-29 02:02:20 hosker

СSS爲什麼無法使用

回答

相關問題