Question

我正在设计一个<div>的网站。我需要设计这个屏幕以支持所有屏幕分辨率（适用于移动设备，笔记本电脑和表面）。它在缩放时适用于我的屏幕，但是当我尝试使用笔记本电脑打开网站时，水平和垂直滚动条会自动随页面一起提供。任何人都可以帮我避免出现不同屏幕分辨率的滚动条吗？

我正在使用的样式：

<style>
div
{
    background-image: url('../Maps/Plan.png');
    width: 1514px;
    height: 960px;
    margin: 0px 0px 0px 190px;
    border: 2px groove;
    table-layout:fixed;
}

.container
{
    margin-right: auto;
    margin-left: auto;
    width: 1514px;
    height: 960px;
}
.container:before, .container:after
{
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

</style>

Answer 1

使用Foundation或bootstrap (grid system)它会照顾您。

Answer 2

阅读你的问题我开始相信你真的不知道如何设计一个网站。因此，请考虑使用教程。要了解如何编码，我建议您访问http://www.codecademy.com。这是一个很好的起点，它是免费的，学习你需要的东西也不会花这么长时间。

HTML5网站支持不同的屏幕分辨率

2 个答案: