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