CSS如何让网站适应手机屏幕?
1个回答
2023-04-03 · 百度认证:重庆猪八戒网络有限公司官方账号
关注
展开全部
并不是加了meta标签,网站就会自适应手机屏幕了,还需要更改一些样式。
你图片上显示搜索框的宽度是568px,但是页面的宽度只有375(iPhoneX的页面显示宽度),所以肯定会超出去,发生显示不全的情况
这种情况你可以使用media标签来做自适应
@media?only?screen?and?(max-width:?400px){
.search{width:300px}
}
上面代码的意思是当页面宽度小于400px的时候?就让.search的宽度变成300px。你可以吧上面的代码加到你的css里面看一下效果
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询