Mobie优化的布局是否正确
mobie optimized layout is it correct?
我正在尝试使用CSS和HTLM5创建移动优化的布局。
我在我的样式底部添加了此代码
@media only screen and (max-width: 480px) {
body {
padding: 5px;
background-color:#FFF;
background-image:url(images/smoothieworld_logo_mobile.jpg;
background-repeat:no-repeat;
}
#wrap {
with:auto;
margin-top:80px;
}
#masthead, sidebar {
display:none;
}
#mainnav {
height: auto;
}
#mainnav li {
float:none;
width: auto;
text-align:left;
border-top: 1px grey solid;
border-bottom: 1px grey solid;
}
#maincontent {
float: none;
width:auto;
background-color:white;
}
#footer, #footer p {
clear:none;
width:auto;
height:auto;
background-image:none;
padding-top:20px;
margin-top:0px;
}
}
当我在浏览器中预览 Safari 和 Firefox 都是最新的时,这不起作用。
然后,我在样式的链接下添加了一个脚本,如下所示
<link rel="stylesheet" media="screen" href="reset.css" type="text/css" />
<link rel="stylesheet" media="screen" href="base.css" type="text/css" />
<script scr="modernizer-2.6.2.js" type="text/javascript"></script>
当我减小浏览器的宽度时,它无法正确预览。
我做错了什么?谁能帮忙?
在你的脑海中加上这个。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 使用agility.js进行页面布局和合成
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- javascript getAttribute是否会影响性能或触发布局
- 是否有类似强制布局但支持单击事件的 D3 布局引擎
- 测试提线木偶布局视图中是否缺少区域元素
- 是否可以根据Reactjs中实际布局的html来操作组件
- 是否可以为 YUI3 应用程序框架容器进行布局
- JqueryMobile布局是否同时在Web和移动设备上运行
- Mobie优化的布局是否正确
- 将根节点传递给 d3 树状图布局时,是否会缓存该布局
- 根据用户是否投票设置布局样式
- Javascript或PHP中是否有任何画布/布局编辑器用于定义自定义文档布局
- 是否可以使用JavaScript转储DOM并保留CSS效果和布局
- Typescript是否有JQuery UI布局接口
- 是否有办法放大D3力布局图
- 3d -js的强制布局是否支持图像作为节点?
- 一个子节点是否可以在使用 D3 的可折叠力布局中具有多个父节点
- 是否有任何方法可以在中心d3中缩放和缩放力布局
- 是否有将TinyMCE与单词之类的打印布局一起使用的在线示例