1

HTML と CSS を使用して Web ページを作成しています。ブラウザを全画面表示にすると、すべてがうまく表示されます。ただし、ブラウザのサイズを変更すると、テキストが画像の上に表示されます。これについてグーグルで検索しようとしましたが、解決策はありませんでした。誰かが同様の状況を経験し、解決策を知っていますか? あなたの考えを共有してください。

コードはリンクにあります: http://jsfiddle.net/eJyZs/

ところで、私も SimpleGrid を使用しています。http://simplegrid.info/

4

2 に答える 2

1

CSSを間違えたと思います。

画像の位置の問題です。したがって、スタイルシートを変更します。

例：position：fixed; top：30px; 右：5px;

だから、あなたが望むものに固定された位置を変更してください...詳細についてはここを見てください..http ：//www.w3schools.com/Css/css_positioning.asp

于 2012-10-08T04:34:09.933 に答える
0

こんにちは、標準デバイスのメディア クエリに慣れました

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

より詳しい情報

于 2012-10-08T04:23:42.073 に答える