[英]my responsive media query doesn't work in CSS code?
I am using media queries to change my website look at different sizes...我正在使用媒体查询将我的网站更改为不同的大小......
this is my HTML 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"/>
AND my CSS code还有我的 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%;
}
}
you have a typo in your media query you wrote widht instead of width您的媒体查询中有错字,您写的是 widht 而不是 width
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.