小白请教-----针对不同的屏幕分辨率，如何做到页面布局不变？ - V2EX

首页注册登录

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2430 天前的主题，其中的信息可能已经有所发展或是发生改变。

新手，请各位大佬赐教

14 条回复 • 2018-04-24 12:53:34 +08:00

1

UnPace

2018-04-24 09:06:47 +08:00

响应式设计？

2

murmur

2018-04-24 09:06:54 +08:00

中间是内容两边留空
不要总想着什么响应式布局
那种东西只有对于特殊布局的网站才有用比如瀑布流这种多一列不多少一列不少或者是 apple 那种大图+文字+大图+文字
稍微有点个性的网站就趴窝了

3

owenliang

2018-04-24 09:17:52 +08:00 via Android

具体情况具体分析，反正 bootstrap 肯定不是答案。

4

xianxiaobo

2018-04-24 09:28:13 +08:00

我也觉得中间内容加两边留空比较好，再加个百分比布局？

5

954758514

OP

2018-04-24 09:36:44 +08:00

@murmur 但是我写的这个是个桌面应用，需要铺满屏幕的

6

ml1344677

2018-04-24 09:37:56 +08:00

@954758514 带鱼屏了解一下？

7

954758514

OP

2018-04-24 09:38:19 +08:00

@owenliang 主要就是换个不同的分辨率显示器，如果分辨率小会出来滚动条

8

954758514

OP

2018-04-24 09:38:39 +08:00

@ml1344677 啥？

9

neutrino

2018-04-24 10:14:47 +08:00

@owenliang bootstrap 很好用的，container-fluid 尤其

10

zhangyu911013

2018-04-24 11:45:58 +08:00 via Android

可以参考阿里的 flexible，使用 rem 布局，不过那种是等比缩放的，具体情况还是得具体分析

11

leven87

2018-04-24 12:33:54 +08:00 via Android

可以使用两边留空，加上设置最小宽度。小于最小宽度会有滚动条。

12

murmur

2018-04-24 12:35:46 +08:00

@neutrino bootstrap 缺少个性，没有专门设计的情况下甚至还有点丑

13

ml1344677

2018-04-24 12:39:24 +08:00

@954758514 我的意思是你如果不两边留空...你想铺满屏幕带鱼屏怎么办.. 得扯成啥样..

14

954758514

OP

2018-04-24 12:53:34 +08:00

算了我写点儿媒体查询得了

关于 · 帮助文档 · 博客 · API · FAQ · 实用小工具 · 3086 人在线 最高记录 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 25ms · UTC 13:51 · PVG 21:51 · LAX 05:51 · JFK 08:51
Developed with CodeLauncher
♥ Do have faith in what you're doing.