1

我正在尝试帮助修复朋友的网页。她付了一个人 800 美元为她建立了一个网站，而网站一上线，他就反弹了，但没有使其兼容iOS Safari （正如他所承诺的那样）。她抓不住这个家伙，几个月后。所以无论如何，我想帮助她。www.avasassi.com

  • 我试图修复视口标签
    • 整个显示在 iOS Safari 上显示过大
    • 您无法正确缩小以查看页面
    • 她希望它正确加载，并以初始加载为中心
    • 每个页面都有这个问题
    • 到目前为止，我只调整了 index.hmtl 和 projects.html

原来的视口标签是...

<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;" name="viewport">

我尝试将它调整到这个视口标签，结果平庸

<meta name="viewport" content="width=device-width, initial-scale = 0.5" />
  • 接下来是项目页面（projects.html）
    • 显示以 Firefox 和 chrome 为中心的单个图像，但在 iPhone 上的 safari 上
    • 它偏离中心，并以某种方式将橙色条剪短，使其不会跨越整个页面
    • 图像不以标题为中心

这是项目页面图像的代码...

<section id="frame">
<div class="row1 cbox"><a class="samlink" href="saltysam.html"></a></div>
<div class="row2 cbox"><a class="spicelink" href="spicemates.html"></a></div>
<div class="row3 cbox"><a class="khloelink" href="khloe.html"></a></div>
<div class="row4 cbox"><a class="simonlink" href="simon.html"></a></div>
<div class="row5 cbox"><a class="thrivelink" href="thrive.html"></a></div>
</section>

CSS

#frame {
width: 450px;
height: 1850px;
margin: 0 auto;
position: relative;
display: block;

&

.cbox {
position: absolute;
overflow: hidden;
opacity: 1.0;
filter: alpha(opacity=100);
width: 450px;
margin: 0 auto;

任何和所有的帮助都是很高兴的。干杯。

4

0 回答 0