12
ai đó có thể giải thích lý do tại sao tôi nhìn thấy một thanh cuộn dọc trong Chrome và IE9 với đánh dấu sau:Tại sao có một thanh cuộn dọc trên svg của tôi ở mức 100%?
<!DOCTYPE html>
<html>
<head>
<title>Fullscreen SVG</title>
<style>
html,body {
margin: 0px; padding: 0px;
width: 100%; height: 100%;
}
.fullscreen {
width: 100%; height: 100%;
}
</style>
</head>
<body>
<svg class="fullscreen"></svg>
</body>
</html>
Nếu tôi thay thế svg với một div nó hoạt động hoàn hảo. Nhưng nếu tôi đặt svg bên trong div rằng, cách bố trí được chia lại:
<div class="fullscreen">
<svg></svg>
</div>
Thay đổi loại tài liệu để XHTML dường như để sửa chữa các vấn đề:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
nhưng SVG nội tuyến là một phần của HTML5 để ...
Trong thời gian chờ đợi, tôi cũng đã nộp bug report.
Thật kỳ lạ khi tôi có thể đặt chiều rộng và chiều cao thành phần tử nội tuyến. và nó lớn hơn khi nó được khai báo là khối. Cảm ơn gợi ý. Kiểm tra svg css được tính trong Chrome dev. công cụ thực sự cho thấy rằng nó là nội tuyến theo mặc định. – Jan