html - 使用 CSS 使这个主题适合浏览器窗口

标签 html wordpress css

我正在尝试使用此主题创建网站 - http://ironsummitmedia.github.io/startbootstrap-4-col-portfolio/

它已经是响应式的,但我希望它们不是图像,而是链接的矩形框,并且根据用户浏览器窗口的大小,它们将始终扩展或收缩以适应浏览器窗口,每个之间大约 20 像素的边距,整个间距均匀。

不了解 Javascript,但想知道这是否可以用 CSS 完成。

我想要的有点像 Chris Coyier 的示例 - https://css-tricks.com/examples/SeamlessResponsivePhotoGrid/ ,但需要每个矩形在上面的主题预览中均匀分布和大小。

感谢您的帮助!

哦,如果有人知道如何对其进行 Wordpressify,那就太棒了!

最佳答案

从外观上看,您提供的网站使用了 meta viewport 标签。

<meta name="viewport" content="width=device-width, initial-scale=1" >

但只有当您的 CSS 大小是 % 而不是像素时,该标签才能正常工作。 (包括字体大小)

关于html - 使用 CSS 使这个主题适合浏览器窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29325013/

相关文章:

html - 为什么我看不到滚动条的底部

html - 在带有 Bootstrap 的 WordPress 中需要两列帖子。

wordpress - 如何创建自定义 api 端点?

html - 改变属于不同_类_的 LI 元素之间的距离

javascript - 如何将正方形 div 对 Angular 分成 4 个可点击的部分?

java - Jsoup 选择命令

javascript - 使用脚本设置文件上传内容

mysql - 'lat' 中的未知列 'field list'

javascript - 使用 jQuery 更改当前页面链接的 CSS

html - Bootstrap 似乎没有导入