0

私は自分のウェブサイトで画面解像度をチェックし、インストールされているフォント アイコン (@webfont を使用) をプレーン テキスト リンクに置き換えて、サイトがよりモバイル フレンドリーになるようにしようとしています。Opera Mobile Emulator を使用して、動作するかどうかを確認しています。私が使用しているユーザー インターフェイスは明らかに 480x320 の解像度 (ページの左上) に戻りますが、.innerHTML JavaScript は起動しません。何か助けはありますか？

    <!DOCTYPE html>
<html>

<head>

<title>Harry's Bar</title>

    <meta name="keywords" content="Harry's, bar, st. petersburg, florida, kenneth city, drink specials" />

    <meta name="description" content="Harry's Bar in St. Petersburg, Florida.  Drink specials every night!" />

    <meta name="author" content="Internet Solutions of Florida" />

    <link rel="stylesheet" type="text/css" href="styles.css" /> 
</head>

<body>
<script type="text/javascript">
var width=screen.width;
var height=screen.height;
document.write(width+'x'+height);
if (width<700)
    {document.getElementById("homelink").innerHTML="Home";}

</script>

<div class="frame">
<div class="header">
<img class="logo" src="img/logo.png" alt="Harry's Bar" />
    <div class="menu">
        <ul>
        <li><a id="homelink" href="index.html" title="home">&#xf015</a></li>
        <li><a id="drinklink" href="drinks.html" title="drink menu">&#xf0fc</a></li>
        <li><a id="piclink" href="images.html" title="picture gallery">&#xf030</a></li>
        <li><a id="directionslink" href="directions.html" title="directions">&#xf0d1</a></li>
        <li><a id="contactlink" href="contact.html" title="contact us">&#xf075</a></li>
        </ul>
    </div>
</div>
4

2 に答える 2