html - 响应式设计站点标题和 slider

标签 html css responsive-design

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

我已经为字体大小和 slider 高度制定了不同的 css 规则,如果不重新加载它们将无法工作。您可以在以下网址查看在线网站:http://www.itmediagroup.lt你看到 slider ,改变窗口大小,然后你会看到一个问题,当重新加载网站时,看到所有的变化,我认为所有的错误都在我的 css 上,但我不知道如何修复它。

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

最佳答案

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

视口(viewport)单位语法

  • 1vw:视口(viewport)宽度的 1%
  • 1vh:视口(viewport)高度的 1%
  • 1vmin:1vw 或 1vh,取最小值
  • 1vmax:1vw 或 1vh,取最大者

大多数新浏览器都支持它,但可以通过使用 VminPolly 使其更加“防弹”

Some good info and examples here

关于html - 响应式设计站点标题和 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14316278/

相关文章:

javascript - 当单击页面上的任意位置时,jQuery 禁用 div

javascript - 如何制作使浏览器窗口滑动到 div 的菜单?

html - Qweb Report 的 css 在打印页面上不起作用

javascript - 我怎样才能扩大车轮的宽度?

CSS:定制的Jquery Alert-透明背景

jquery - iOS Safari 滚动到顶部在某些页面上不起作用。为什么?

javascript - 阻止用户输入负数的 Html 文本框将正小数舍入

css - 在 iframe 中显示 mediawiki

css - 将左侧固定定位的 div 放置在页面底部,屏幕大小更改时没有 javascript

html - 在右上角显示文本,就像在文档中一样?