0

モバイルデバイスを使用している場合、このスクリプトを使用してdivを非表示にしようとしていますが、機能していません。私のJavaScriptに何か問題がありますか?

<script type="text/javascript">
<!--
if (screen.width <= 640) {
document.getElementById('div2').style.display="block";
document.getElementById('div1').style.display="none";
}
//-->
</script>
4

1 に答える 1

0

<!--コードの先頭にコメントを付ける必要があります。

しかし、あなたが望むことをするための最良の方法は、メディアクエリです:

<link rel="stylesheet" media="only screen and (max-device-width: 640px)" href="small-device.css" />

このようにsmall-device.cssして、サイトのモバイルバージョンに特定のスタイルのファイルを設定できます。

このチュートリアルをご覧ください:http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website //

于 2012-09-21T16:44:11.550 に答える