在 ipad/平板电脑上调整背景大小

Posted

技术标签:

【中文标题】在 ipad/平板电脑上调整背景大小【英文标题】:Resizing Background on ipad/tablet 【发布时间】:2016-01-02 17:32:42 【问题描述】:

目前正在开发此论坛/网站的所有人:

http://nfldynasty.boards.net/

在内容方面还有很多工作要做,但是我目前在调整移动设备(如 ipad 和三星安卓平板电脑等)上的各种背景时遇到了一些问题。

通过 google chrome 和 Internet Explorer 在笔记本电脑上查看时,一切似乎都运行良好。

我使用的代码如下

body 
-webkit-background-size: cover;
    -ms-background-size: cover;
   -moz-background-size: cover;
     -o-background-size: cover;
        background-size: cover;    

html  height: 100%; width: 100%; 

如果不在 Internet Explorer 上更改此设置以更改文本框的大小,我似乎无法找到调整 ipad/平板电脑等背景大小的方法。即,当我将 html 选项卡从 100% 更改为 75% 时,背景保持不变,但论坛类别的大小会减小

如果我删除最后的 html 行,那么在所有设备上放大和缩小文本时图像都会失真。

有什么想法吗?

【问题讨论】:

【参考方案1】:

您可以尝试将其用于较小的屏幕:

body 
    background-color: #000;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;

【讨论】:

Nora,感谢您的回复,但不幸的是它似乎无法解决问题

以上是关于在 ipad/平板电脑上调整背景大小的主要内容,如果未能解决你的问题,请参考以下文章

在 appwidget 中调整自定义视图大小的问题,无法确定 android 上的实际大小 appwidget,尤其是在平板电脑上

Android 运行 Phonegap 应用程序 - 屏幕模糊/调整大小

一张图片怎样铺满空间电脑屏幕

只用 iPad Pro 追剧?那是你没见过这些功能

从苹果iPad看平板电脑市场:真的到拐点了吗?

android 平板电脑字体和背景反了怎么办?