如何使我的响应式设计看起来更大?

时间:2014-10-03 19:56:54

标签: html css css3 responsive-design

我正在努力做一个响应式设计,通过在线搜索,我无法得到我想要的东西,但我希望我的网站页面上的所有内容都显得更大。而不是像font-size:1.4em;那样执行每个元素,我将如何为所有页面执行操作?

2 个答案:

答案 0 :(得分:1)

你能在标题

中添加它吗?
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

根据评论,我认为您没有正确的视口设置,这就是移动设备上所有内容都看起来更小的原因:)

答案 1 :(得分:0)

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

例如(来自文章):

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

浏览器支持:http://caniuse.com/#feat=viewport-units