[英]Why doesn't my media screen query work, I can't make my website responsive?
[英]my responsive media query doesn't work in CSS code?
我正在使用媒体查询将我的网站更改为不同的大小......
这是我的 HTML 代码
<meta name="viewport" content="width=device-width, initial-
scale=1">
<link rel="stylesheet" media="screen and (max-width: 600px)"
href="styles/style.css"/>
还有我的 CSS 代码
@media screen and (max-widht: 650px) {
.projects-grid{
float: none;
width: 100%;
grid-template-columns: 100%;
}
}
@media screen and (max-width: 650px) {
.projects-grid{
float: none;
width: 100%;
grid-template-columns: 100%;
}
}
您的媒体查询中有错字,您写的是 widht 而不是 width
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.