ウェブページを別の画面で同じように見える

Question

私はwebpageを私が作っています。現時点では、さまざまな画面で、それはかなり異なって見ています。私のコンピュータ上で

「売上高」のテキストが（私はしたいです）このように見ている：

FIRST IMAGE：

（異なる画面サイズに）別のコンピュータ上で、その本で見てのに対し道（されていない私が欲しい）：

SECOND IMAGE：この第二の画像で

、販売テキストは、いくつかのREASのために左端起こっています私が望んでいないons（別の画面上）。私はそれが最初のイメージに描かれているように、手の画像の上にあることを望みます。私は販売のテキストを使用しています

CSSコードは次のとおりです。

.sales .text1 { 
    padding-left: 450px; 
    color: #0275d8; 
    font-size: 1.3rem; 
    font-weight: bold; 
    font-style: italic; 
    padding-bottom: 20px; 
} 

私はその、異なる画面サイズのコンピュータで同じに見えるようにCSSで作成する必要が変わるかと思っています。

Answer 1

あなたは画面幅などの多くの要因

Answer 2

恐ろしい質問に依存して異なる動作を持つようにメディアクエリを使用することができます追加、これを避けるために、割合、などのような相対的な測定値を使用する必要があり、あなたがあなたのWebページが応答したいです。 そのリンクをチェックして、私はそれがあなたが探しているものを正確に持っていると信じています。あなたのCSSで https://www.w3schools.com/css/css_rwd_intro.asp

Answer 3

、私はpadding-left: 450px0に値を変更し、See Moreリンクはカットオフされないようにtext-align: rightを追加しました。

.sales .text1 { 
    padding-left: 0; 
    color: #0275d8; 
    font-size: 1.3rem; 
    font-weight: bold; 
    font-style: italic; 
    padding-bottom: 20px; 
    text-align: right; 
}