我正在设计一个网站,其中一个<div>
。我需要设计此屏幕以支持所有屏幕分辨率(针对移动设备,笔记本电脑和表面)。它在缩放时与我的屏幕效果很好,但是当我尝试用笔记本电脑打开网站时,水平和垂直滚动条会自动附带在我的页面中。任何人都可以帮助我避免滚动条出现不同的屏幕分辨率?我使用HTML5网站,以支持不同的屏幕分辨率
风格:
<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>
您的固定宽度为1514px,您需要提及百分比宽度(100%)以使响应式网站能够在所有分辨率和设备上工作。您也可以使用CSS媒体查询进行不同分辨率的样式设置。 – Shamanth 2014-09-22 06:50:45