こんにちは、そのページのどこかにフロートを残して使用するたびに、右側に奇妙なパディングが表示されます。通常のブラウザでは問題ありませんが、iPadで表示すると、右側に1 cmのようなパディングが表示されるため、少し醜いです。これを解決する方法を知っている人はいますか?
質問する
127 次
1 に答える
2
iPad固有のCSSの場合
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}
編集 :
<!--Target iPad-->
<link href="ipad.css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" type="text/css" />
<!--Target iPhone 3GS> -->
<link href="iphone.css" rel="stylesheet" media="only screen and (max-device-width: 480px)" type="text/css" />
<!--Target iPhone 4-->
<link href="retnia.css" rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px)" type="text/css" />
jquery
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$(window).scroll(function() {
$('header').css('top', $(this).scrollTop());
});
};
IPADのターゲットにする場合は、iPad用の特別なcssファイルを使用します。上のコードでは、ファイルは「ipad.css」になります。
于 2012-12-17T14:36:46.187 に答える