我刚刚做了一个响应式设计,但是有两个错误。一个是当窗口调整为不同大小时,整个网站将自动调整大小,但标题标题和 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 使其更加“防弹”
关于html - 响应式设计站点标题和 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14316278/