有没有懂Html5自适应手机的大神
怎么做页面自适应手机啊我看网上说要在头部加一行代码还要加以下@mediascreenand(max-device-width:480px){#divMain{float:...
怎么做页面自适应手机啊 我看网上说要在头部加一行代码 还要加以下
@media screen and (max-device-width: 480px) {
#divMain{
float: none;
width:auto;
}
#divSidebar {
display:none;
}
}
代码 那么这个代码需要加在哪里 而这个代码有是什么意思 这个代码需的div main 也需要用<div id =“divmain”>这样写出来吗 做自适应还需要哪些步骤啊 复制粘贴别来 展开
@media screen and (max-device-width: 480px) {
#divMain{
float: none;
width:auto;
}
#divSidebar {
display:none;
}
}
代码 那么这个代码需要加在哪里 而这个代码有是什么意思 这个代码需的div main 也需要用<div id =“divmain”>这样写出来吗 做自适应还需要哪些步骤啊 复制粘贴别来 展开
1个回答
展开全部
头部要加的是这个，放在<head></head>标签里，这是初始化手机屏幕的。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
你写的这段是要放在所有css样式后边的，以防止样式覆盖。这段的意思是在电脑屏或者其他屏上你显示的是一个样式，通过这个监控屏幕大小，等屏幕大小改变，则替换成另一个样式。
@media screen and (max-width: 480px) { //设置手机屏宽度不大于 480px时的样式
#divMain{ // 想在手机屏上更改的样式
float: none;
width:auto;
}
#divSidebar { // 想在手机屏上更改的样式
display:none;
}
}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
你写的这段是要放在所有css样式后边的，以防止样式覆盖。这段的意思是在电脑屏或者其他屏上你显示的是一个样式，通过这个监控屏幕大小，等屏幕大小改变，则替换成另一个样式。
@media screen and (max-width: 480px) { //设置手机屏宽度不大于 480px时的样式
#divMain{ // 想在手机屏上更改的样式
float: none;
width:auto;
}
#divSidebar { // 想在手机屏上更改的样式
display:none;
}
}
追问
也是放在style里面还是body里面啊
追答
放在 style 里
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
