2

私はHtml＆Css、Php、MySqlを使用して最初のブログを書いています。

「style.css」コードを書いている間、私は有用なチュートリアルをWebで検索し、読んだすべてのチュートリアルで、次のようなInternetExplorerとMacに関する同じメモがありました。

/* IE5 Mac Hack \*/ 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

そこで、Cssに関するIEの問題に関するいくつかの記事を読み、次のように説明しているすばらしいWebサイトを見つけました。

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

しかし、非常に多くの記事\ Webサイトを読んだ後でも、ブログがすべてのブラウザー（IE5 \ 6 \ 7、chrome \ firefox \ mozilla \ operaなど）で動作することを確認する方法を完全に理解していない初心者です。 。）？！

私がカバー（世話をする）しなければならない一般的なBrowser \ Cssの問題はありますか？

前もって感謝します。

4

6 に答える 6

4

人に知られているすべてのブラウザのコードを書くことを除けば、すべてのOSで、CSS / HTMLやその他のクライアント側のスクリプトを、すべてのブラウザでまったく同じように機能させる方法はありません。 Linux、Microsoft、Chrominum、その他。各OSには、各ブラウザおよび各OSのブラウザバージョンと同様に、独自の癖があります。

しかし、他の誰かが指摘したように、あなたが本当に手の込んだことをしていることを除けば、ほとんどすべての標準のCSSxxとHTMLxxとJavaScriptは、新旧のすべてのブラウザで問題なく動作します。それを回避する方法であり、開発者としての私の意見では、すべてのブラウザーのニーズを補うための手段としてcssの「ハック」を回避し、不足している場合はphp / javascriptを介してブラウザー検出を使用し、代替バージョンを提供します。そのブラウザがサポートする特定の問題の。

また、開発でサポートしているブラウザをサイトのどこかに知らせてください。始めたばかりでほとんどのドキュメントを学習している場合は、CSS3とCSS2、およびHTML5（4とほとんど同じですがいくつかの機能が強化されています）をカバーしています。そのため、この日の学習はほぼ簡単に言えますが、IE 8以降、Chrome 10以降、Firefox 4以降、Opera 8以降を簡単にサポートできます。これにより、IE7をまだ使用している人々が最大の王位になります。 、またはfirefox 3-13.5

よくある問題としては、それは難しい問題です。最大のものはポジションスタイリングだと思いますが。たとえば、IEは固定位置が好きではないか、絶対位置であるか、どちらか一方であるため、固定および絶対です。しかし、通常、DOMのフローから要素を切り離すことを扱うものはすべて、一般的なものです。また、一部の古いブラウザーでは、マージンとパディングの処理が異なります。全体として、css / htmlやその他のクライアント側のスクリプトについて多くのことを心配し、できるだけ多くのブラウザーをサポートすると、非常に単調なサイトになり、故障から亡命することになります。一連のブラウザを選択し、それらをサポートして、頭痛の種を減らしてください。

于 2012-07-27T17:25:57.627 に答える
3

ここでCSSブラウザのサポートチャートを見ることができます

これにより、どのブラウザが何をサポートしているかがわかります。ブラウザに応じて、複数のcssファイルを作成し、それらを切り替えることができます。

于 2012-07-27T17:16:23.903 に答える
2

より複雑なCSSを実行している場合を除き、最近ではほとんどの機能がブラウザ間で問題なく機能します。特定のサポートの詳細についてはhttp://caniuse.com/を使用できます。また、PPKのサイト（ http://quirksmode.org/）には、古いブラウザーでのより基本的なサポートに関する情報があります。

古いバージョンのInternetExplorerでのテストについては、Microsoftが提供する仮想マシンを使用できます：https ：//www.microsoft.com/en-us/download/details.aspx？id = 11575

于 2012-07-27T17:15:05.927 に答える
2

IE9（そして私も10だと思います）を使用しているときに、ページでF12キーを押すと、コンソールが表示されます（Chromeの場合と同じように）。コンソールには、実際にはIE 6、7、8、または9で表示されるようにページを表示するように選択できる機能があります。完璧ではありませんが、かなり良いです。

使用する実際のプロパティとセレクターについては、初心者の場合は、使用する前にゆっくりと各セレクターとプロパティを調べ、クイック検索を実行して互換性の問題/回避策を見つけることをお勧めします。 。

また、覚えておくべきことの1つは、可能な限り最小化しようとしているにもかかわらず、その1つの廃止されたブラウザー（ほとんどの場合IEブラウザー）ではレンダリングできないものがあることです。それは必ずしもそれらを別のページに含めてはいけないという意味ではありません-そのような状況でブラウザ固有のコードとスタイルを作成する方法を調べてください-同時に、2つのまったく異なるページを作成していないことを確認してください。

特に始めたばかりのときは、できることをすべて試して、できることをすべて試してみてください。創造的であり、そして何よりも、それを楽しんでください！

PS私の最初のフルサイトもブログサイト（PHP、MySQL、HTML、CSS）でした。:)

于 2012-07-27T17:28:39.183 に答える
1

私の経験では、知る唯一の本当の方法はそれを自分でテストすることです。ほとんどの場合、問題が発生することはありません。通常、問題が発生してもそれほど大きな問題にはなりません。私はまた、物事を一緒に「ハッキング」することは、物事を行うための最も簡単で最良の方法のように見えるかもしれないことを学びました。とはいえ、それを回避できないことは絶対にあります。それが獣の性質です。私にとって最も問題はdivから来ています。開発者として成長するにつれて、間違いなく毎回何が機能するのか、そして正しくするために何を何度もテストする必要があるのか​​を学ぶようになります。それはただの練習の問題です。そうは言っても、デザインをクリーンでシンプルに保つ限り、それほど難しくはありません。

于 2012-07-27T17:15:58.187 に答える
1

Adobe browserlabを使用して、cssを試し、各ブラウザーで違いをテストできます。cssとインターネットで見つけたものを試してから、browserlabとの互換性をテストすることをお勧めします。

私がアドビからの補完的なサービスを理解していることから、それを試してみてください！

それがうまくいかない場合は、 http：//browsershots.org/を試すこともできますが、私はこれを使用したことがありませんが、あなたが求めている仕事をするはずです。

于 2012-07-27T17:18:10.237 に答える