css - 如何调整移动设备标题图片的大小

标签 css image mobile web

我希望适当调整标题图片的大小,以便在我的 Iphone 等移动设备上查看时它适合屏幕。

网址是www.maxim-industries.com

如有任何帮助,我们将不胜感激。如果有人能告诉我正确的 css,我会将其添加到我的笔记本中以供将来引用。

谢谢,

克里斯

最佳答案

克里斯,

使用@media 规则使网站根据不同的设备和大小进行调整。 使用 min-device-width 和 max-device-width 以及 height 来更具体地缩小范围。当然,您还需要查看不同型号的 iPhone 的尺寸大小。

Apple - iPhone Compare

此外,您必须根据需要在@media 规则内缩小图像尺寸。根据您正在使用 SquareSpace 的事实判断,在 ADMIN 部分的某处可能有一个面板,您可以在其中更改样式表。

请注意,下次您的问题可能会被标记和否决,因为您似乎没有完成研究或记录您为完成这项工作所做的尝试。这是臭名昭著的链接——我也经历了同样的过程。 How to Ask Good Questions on StackOverflow

关于css - 如何调整移动设备标题图片的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25597845/

相关文章:

css - Angular Material 主题覆盖

ios - iPhone iOS 无法正确显示 box-shadow

html - 隐藏图像及其覆盖

swift - 如何使用 Swift 从 NSData 创建 NSImage

css - 样式表应用于手机之前的延迟

html - Safari Mobile 中带有垂直滚动条的空 HTML 文件

javascript - onclick 事件不适用于位置 :fixed

html - 如何在左对齐的按钮中添加图标并使其为黑色或白色?

python - 我需要制作一个 "mosaic"- 但非常简单