css - 如何为 960 网格网页设计调整图像大小?

标签 css image web

在我的网站上,顶部有一个图片 slider 。这是drupal主题的demo(公司的,不是我的网站),

http://demo.drupalizing.com/?theme=bluemasters

我所有的照片都是不同尺寸或不同类型的照片。我不知道怎么说。我可以在任何程序中调整大小。如果我保持宽高比,960px 就可以了,但底部会被拉长。

如何保持一切良好并适合 960?

如果不是960,什么是好号码或其他类型的设计?

我可以使用 CSS 吗?我是否使用 Gimp、Paint.net 等图像程序?

最佳答案

只要您所有图片的宽度都大于 960 像素,您就可以使用 HTML 或 CSS 标记将图片的大小调整为 960 像素。但是,请记住,没有办法在 960 像素的框中显示整个图像(例如 4000x2000)而不会使它看起来很小或不连贯。在这种情况下,我会使用图像编辑程序并剪切图像的主要焦点并将其保存为 960x300(或任何高度)图像。

关于css - 如何为 960 网格网页设计调整图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20012605/

相关文章:

javascript - CSS 或 HTML 帮助设置图像的最大宽度和高度

c# - 是否有从资源中覆盖透明图像的解决方法?

azure - 在 ML Studio 中访问 Azure Blob 存储图像

powershell - 如何使用Powershell获取网站HostHeader

javascript - 单页 Web 应用程序问题

javascript - 使用传递的参数单击网格中的特定单元格和行号(测试完成)

javascript - 页面加载 Rails 5 Tailwindcss 时自动加载模式的问题

css - 设置列宽不起作用

html - 对齐图像右侧的文本,并在容器中向左浮动

image - Delphi:32 位图像无法在 Glass Form 上正确显示