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

问题描述：

我正在设计一个网站，其中一个<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

答

使用Foundation或bootstrap(grid system)它会照顾所有关于你的。

答

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

总是很高兴落选，没有任何意见。这非常有帮助... – 2015-02-23 00:25:45

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

相关推荐