0
我一直在为客户创建一个网站。我使用的是分辨率为800左右的1280左右的笔记本电脑。该网站在这个尺寸看起来很好。我最近刚搬到台式机上,显示器的分辨率接近2000。该网站不再看起来很棒。是否有网站正文的标准或建议的最大和最小宽度/高度?如果有人看到这个,它会显得不专业。我该怎么办?什么是网站的最佳/最小分辨率?
我一直在为客户创建一个网站。我使用的是分辨率为800左右的1280左右的笔记本电脑。该网站在这个尺寸看起来很好。我最近刚搬到台式机上,显示器的分辨率接近2000。该网站不再看起来很棒。是否有网站正文的标准或建议的最大和最小宽度/高度?如果有人看到这个,它会显得不专业。我该怎么办?什么是网站的最佳/最小分辨率?
使用%
,而不是用于定义页面元素的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及其元素的相同方法来实现响应式外观。
这只是一个例子,所以填充像素,宽度百分比,背景颜色等只是为解释目的而保留的随机值。
查找响应式网页设计。然后学习如何使用Bootstrap。 – 2015-03-24 21:53:36
我投票结束这个问题,因为它不是一个编程问题,而是一个视觉/交互设计问题。 http://ux.stackexchange.com/ – Dai 2015-03-24 22:04:45
感谢兄弟,不知道这是一个专用的视觉堆栈交换站点 – Kipperman 2015-03-24 22:19:36