2015-03-24 130 views
0

我一直在为客户创建一个网站。我使用的是分辨率为800左右的1280左右的笔记本电脑。该网站在这个尺寸看起来很好。我最近刚搬到台式机上,显示器的分辨率接近2000。该网站不再看起来很棒。是否有网站正文的标准或建议的最大和最小宽度/高度?如果有人看到这个,它会显得不专业。我该怎么办?什么是网站的最佳/最小分辨率?

enter image description here

+0

查找响应式网页设计。然后学习如何使用Bootstrap。 – 2015-03-24 21:53:36

+0

我投票结束这个问题,因为它不是一个编程问题,而是一个视觉/交互设计问题。 http://ux.stackexchange.com/ – Dai 2015-03-24 22:04:45

+0

感谢兄弟,不知道这是一个专用的视觉堆栈交换站点 – Kipperman 2015-03-24 22:19:36

回答

0

使用%,而不是用于定义页面元素的width像素。

是这样的:

HTML:

<body> 
    <div class="siteWrapper"> 
     <div class="header"> 
      .... 
     </div> 
     <div class="main"> 
      .... 
     </div> 
     <div class="footer"> 
      .... 
     </div> 
    </div> 
</body> 

CSS:

HTML,身体{ 宽度:100%; }

.siteWrapper { 
    width:100%; 
    padding-left: 50px; 
    padding-right: 50px; 
    margin: 0 auto; 
    background-color: #333; 
} 

上面siteWrapper类将根据屏幕宽度,这是宽度的100%,并且在任一侧上添加的50像素的填充延伸。您可以使用内部子div及其元素的相同方法来实现响应式外观。

这只是一个例子,所以填充像素,宽度百分比,背景颜色等只是为解释目的而保留的随机值。

相关问题