我正在尝试使用此主题创建网站 - 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/