CSS如何让网站适应手机屏幕?
6个回答
展开全部
并不是加了meta标签,网站就会自适应手机屏幕了,还需要更改一些样式。
你图片上显示搜索框的宽度是568px,但是页面的宽度只有375(iPhone X的页面显示宽度),所以肯定会超出去,发生显示不全的情况
这种情况你可以使用media标签来做自适应
@media only screen and (max-width: 400px){
.search{width:300px}
}
上面代码的意思是当页面宽度小于400px的时候 就让.search的宽度变成300px。你可以吧上面的代码加到你的css里面看一下效果
美狐美颜sdk
2024-08-06 广告
2024-08-06 广告
美颜SDK推出多个版本的原因有以下几点:1. 满足不同平台的需求:美颜SDK的不同版本可以满足不同平台的运营需求。例如,对于直播平台,需要更多的美颜功能来吸引观众,而视频聊天平台则需要的是精简版的美颜功能。通过提供不同版本的美颜SDK,可以...
点击进入详情页
本回答由美狐美颜sdk提供
展开全部
响应式布局先去看看吧。然后再去看看淘宝他们大型网站的适配方案。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2020-03-06
展开全部
需要加一句
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
然而这只是适应手机的前提条件,它告诉手机适配,这是一个响应式网站,然后需要写css去重置样式,这个需要专业的前端知识。
或者参考步骤一步步尝试
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不懂就问,我也不
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不懂就问,我也不
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询