私は長時間迷惑をかける問題があります。
ブラウザのサイズを変更する際に、サイトのデフォルトページサイズを保持する方法を教えてください。
ページサイズが1280x720であるとしましょう。ブラウザのサイズを変更すると、そのサイズを保持するにはどうすればよいですか？今、このページのDIV要素が台無しにしていないことを意味し
例> google.comブラウザのサイズを変更しているときにサイトのデフォルトページサイズを維持する方法
...
、私のサイトのスクリーンショットブラウザのサイズを変更しながら、...
右上隅にDIVのいくつかの問題があります。
これを実際にどのようにしたいのですか？
下記の画像はフォトショップであり、例を示しています。今までにこれを行う方法を知っている
、私は本当に感謝するでしょう。
JavaScriptを使用できない場合は、さらに良いでしょう:-)
ありがとうございました。
あなたがしたいことは、基本的に応答性の高いウェブサイトを作成し、反応しないようにすることです。例えば、あなたのCSSで固定されたページサイズを設定し
、ここではいくつかのガイドラインですbody{width: 1280px; height: 960px}
@mediaクエリは、あなたのCSSでは<meta name="viewport">タグがHTMLの<head>セクションにあります。ワードラップを無効にする場合は、white-space: nowrapを使用できます。
あなたのウェブサイトに固有の変更が他にもあるかもしれないことにご注意ください。希望が助けてくれる！
ありがとう、非常に友人。 それは私が望んだことです：D –
ブラウザのサイズを変更する際に、サイトのデフォルトページサイズを維持するにはどうすればよいですか？
これにより、可能な限りすべてのサイズでウェブサイトが同じように見えるということです。残念ながら、あなたはできません。あなたのコンテンツがページの端に当たるところがあるでしょう。その後何が起こるのですか？水平にスクロールしますか？それはデフォルトの動作です。おそらく、コンテンツをページの周りに何らかの方法でシフトして、水平にスクロールする必要がないようにすることをお勧めします。これを行う最善の方法はmedia queriesを使用することです。メディアクエリを使用して
、あなたはサイズを変更する場合、ページがどのように見えるかを変更することができます。
@media (max-width: 600px) {
.sample {
font-size: 20px;
}
}
あなたはメディアクエリを使用してWebサイトの文字通り任意の側面を変更することができ、およびのための異なるデザインのホストを持つことができます各幅。希望このことができます
@media (min-width: 700px) and (orientation: landscape) { ... }
：あなたものような、orientationと、サイトはモバイルデバイスの向きに基づいて、どのように見えるかを調整するためにメディアクエリを使用することができます！
は、単にあなたの<body>タグにCSSを使用して固定幅を与える：あなたは20pxのようpxに使用したり、スタイル%を使用することはできませんが、
body{
width: 800px;
min-width: 800px; //make sure it doesn't shrink
}
は7％に置き換えやサイズに応じてすることができます。
または他の我々は
@media screen and (min-width: 480px) {
body {
//styling
}
}
通常メディアクエリを使用することができ、人々は、今日opositeをしたい.... :)しかし、固定レイアウトを使用します。https://www.smashingmagazine.com/2009/06/固定 - 対 - 流体 - 弾性 - レイアウト - 何のための - あなたのために右/ – sinisake