2016-09-25 14 views
-4

現在、320x480の画面で完全に動作するモバイルサイトを設計中です。問題は、新しい携帯電話はもはやそのサイズを使用しないので、はるかに大きいです。 (私がすべての努力をしてから私の電話でそれを読んだ後に私が見つけたように)私はそれがすべてを進めることなく見せることを望む適切なサイズを拡大するための簡単な方法があるかどうか疑問に思っていたview-width/vwまたはview-height/vhの格付けです。 (Nvm、それはフォントサイズにどのような影響を与えるのだろうか)。モバイルサイトのデザインを異ならないようにする方法

それとも、それとも何か似たようなことが必要でしょうか? (それがモバイルフレンドリーでないと特に悪いことですが、それはさまざまな理由からです)。

+0

ようこそStackOverflow!あなたの質問はかなり漠然としているので、あなたは落ちるでしょう。あなたが探しているものは、レスポンシブウェブデザインと呼ばれています。もしあなたがGoogleにそれを知っているなら、十分な情報があります。あなたがそれについて読んだら、ここに戻り、問題があればコードを投稿することができます。もしあなたがそれを行うなら、[**最小限で完全で証明可能な例を作る方法**](http://stackoverflow.com/help/mcve)と[**どのように私は良い質問をしますか? **](http://stackoverflow.com/help/how-to-ask)を参照してください。 – Ricky

答えて

1

this私たちはレスポンシブデザインをさまざまな画面サイズのソリューションとして使用しています。 <head>に以下が追加され、ブラウザはピクセル/画面サイズに応答します。 PXは、EMは、デバイスに応じて対応させていただきますよう、あなたがhere詳細を読むことができますどこ絶対的であるとしてもmedia queires

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0"> 

が画面の幅に基づいてデザインを変更するために使用され、EMは、代わりにPXの使用されています。絶対的なサイズの代わりにパーセンテージが使用されます(必要な場合)。hereについて詳しく読むことができます。

0

はメディアクエリを使用すると、これは、このスタイルは768pxの下でのみ動作することを意味します

@media(max-width:768px){.someClass{someCssStiling:xValue;}} 

のようなものを見なければなりません。あなたはここでメディアクエリについてのドキュメントを読むことができます(および他の多くの場所で、ドキュメントの多くがありますインターネット上で。) :

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

は、それが助けを願って!

関連する問題