2013-01-14 42 views
0

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

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

P.Sfontsize我试图做百分比,但是然后字体的大小太小。

+1

字体不符合浏览器调整大小,即使你在声明比例的字体。您可以使用媒体查询为不同的屏幕尺寸定义不同的'fontsize'像素值,或者使用JavaScript插件,如http://fittextjs.com/。 –

回答

0

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

视口单元语法

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

它支持大多数新浏览器,但可以制作更多的“防弹”使用VminPolly

Some good info and examples here