2016-11-29 4 views
2

Я хочу масштабировать высоты своего холста в зависимости от ширины, но теперь это странно. И я не могу удалить ширина = «1200» высота = «1000» вызвать его значение для другого кодаССС почему нет разрешения sanaling

.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>

Похоже, ваш пост в основном код; добавьте еще несколько деталей. Похоже, что ваш пост - это в основном код; добавьте еще несколько деталей. Похоже, что ваш пост - это в основном код; добавьте еще несколько деталей. Похоже, что ваш пост - это в основном код; добавьте еще несколько деталей.

ответ

0

Вы назначаете значение элемента с .class = «canvas» и не elemnto с #id = «canvas»

+1

спасибо. Вы можете проверить еще раз? –

+0

Вы должны сформулировать свой ответ на примере кода, который исправит его. – Soviut

+0

Теперь все правильно. Это то, что вы хотели? –

0

Я заметил ошибку 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/

Смежные вопросы