Category - CSS

CSSによるiPhone/iPadのコンテンツ出し分け

<style>
@media screen and (max-width:400px) {
.foriPhone {
}
.foriPad {
display:none;
}
}
@media screen and (min-width:401px){
.foriPhone {
display:none;
}
.foriPad {
}
}
</style>
</head>
<body>
<div class="foriPhone">
iPhone&#29992;
</div>
<div class="foriPad">
iPad&#29992;
</div>
</body>

read more

CSS で画像サイズを指定

ブログサービス等で 大きな画像を記事の枠内に収めたい場合

div.entry img { border:none; max-width:540px; height:auto; }

こんな風にすると div id="entry" 内の画像の横幅が最大でも540pxになる

read more

Recent entry

Search

Tag Cloud

Page Top