响应式设计网站标题和滑块

时间:2013-01-14 09:59:49

标签: html css responsive-design

我刚做了一个响应式设计,但有两个错误。一个当窗口调整大小不同时,整个网站会自动调整大小,但标题标题和滑块不会调整大小。但如果我重新加载它,它会调整大小。

我已经制定了不同的字体大小和滑块高度的css规则,如果没有重新加载就无法工作。你可以看到在线网站:http://www.itmediagroup.lt你看到滑块,更改窗口大小,然后你会看到一个问题,当重新加载网站,并看到所有的变化,我认为所有的错误都在我的CSS,但我不知道如何解决它。

P.S fontsize我试图用百分比来做,但是字体的大小太小了。

1 个答案:

答案 0 :(得分:0)

您可以使用媒体查询设置元素的字体大小,javascript(fittext.js),也可以使用css视口单元。例如;

视口单元语法

  • 1vw:视口宽度的1%
  • 1vh:视口高度的1%
  • 1vmin:1vw或1vh,无论什么是最小的
  • 1vmax:1vw或1vh,无论什么是最大的

大多数新浏览器都支持它,但使用VminPolly

可以更加“防弹”

Some good info and examples here