如何让我的响应式设计看起来更大一些？

我想做一个快速响应的设计，并通过在线搜索我无法得到我在找什么，但我希望一切都在我的网站页面上看起来更大。例如font-size:1.4em;而不是每个元素，我将如何处理所有页面？如何让我的响应式设计看起来更大一些？

2014-10-03 Ris

如果您全部使用了em或其他相关像素大小，则可以简单地放大主体或最外层的包装div字体，其余的将相应地继承。 – briansol 2014-10-03 19:59:33

如果你在任何地方都使用过'rem'单元，你可以简单地通过改变根元素的font-size来实现。 – 2014-10-03 19:59:35

@briansol我主要使用px，但这听起来像个好主意 – Ris 2014-10-03 20:02:47

尝试使用两个新的CSS3单元，称为vw和vh。这里的和介绍性的文章：http://css-tricks.com/viewport-sized-typography/

例如（文章）：

h1 { 
    font-size: 5.9vw; 
} 
h2 { 
    font-size: 3.0vh; 
} 
p { 
    font-size: 2vmin; 
}

2014-10-03 20:01:08 ncardeli

感谢您的帮助，但我希望它能够在任何地方完成，而不仅仅是字体大小 – Ris 2014-10-03 20:03:52

这些单位可用于任何事物，包括宽度和高度属性。 – ncardeli 2014-10-03 20:05:22

可你只需要添加这头

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

从评论我认为你没有一个适当的视口设置，这就是为什么一切看起来更小的移动设备:)

2014-10-03 20:08:42

我已经有这..谢谢...我的Firefox可以阅读它，但野生动物园和Iphone不能读它 – Ris 2014-10-03 21:18:15

这是在iPhone和其他Mac设备上测试，它的工作原理100％。所以别的是错误的:)如果你做小提琴你会得到更多的帮助你的问题:) – 2014-10-03 21:22:19

回答