-3

Web サイトのサイズを別の画面解像度に変更したいと考えています。私はこのようにCSSを設定しましたが、うまくいきません：

body {
    background: #317070;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1;
    margin : 0;
    padding: 0;
    width:100%;
    height:100%;
}

私は何をすべきか ？RQ: このリンクを確認しました: http://css-tricks.com/resolution-specific-stylesheets/

編集

また、私は持っています

html {
    margin:0;
        padding:0;
    width:100%;
    height:100%;
}
4

2 に答える 2

2

オーバーフローでスクロールをブロックできます：none; ただし、その場合は、テキストの一部を完全に非表示にします。あなたの目的は何ですか-解像度や何に応じてテキストを変更することですか？小さな画面では、垂直スクロールはごく普通のことです。

于 2013-01-15T09:32:32.777 に答える
1

あなたの質問は少し限られているので、これは私が来る限りです

body,html {
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  font-size:16px;
}
/* max-width of an image is 100% width, images will shrink at a smaller screen */
img { 
  max-width:100%; 
}
/* for example, smaller font-size at a lower resolution of smaller then 480px */
@media screen and (max-width:480px) {
  body { font-size: 0.8em; }
}

モバイル画面の場合は、ビューポートを確認できます：ビューポートメタタグ

于 2013-01-15T09:56:37.133 に答える