出張パソコンサービス わいわいPC.

電話:090-3300-4121 メール:mail@y2pc.net

わいわいPC.ブログ

 

calendar

S M T W T F S
    123
45678910
11121314151617
18192021222324
25262728   
<< February 2018 >>


 

categories


 

archives


 


 

GoogleMapのレスポンシブ化

HTML
<div class="ggmap">GoogleMapから取得した張り付けたい地図の埋め込みコード(iframeのコピーしたコード)</div>

CSS

 

ウェブサイトのレスポンシブ化:覚書3

サイトを印刷するときのスタイルを指定するには

@media only screen and (min-width: 679px){    }

ではなく

@media print, screen and (min-width: 679px){    }

のように、印刷時をスタイルを指定してしまえば良い
 

ウェブサイトのレスポンシブ化:覚書 2

先の記事 ウェブサイトのレスポンシブ化:覚書 では、サイトを印刷するときに不具合が生じるので、HTMLではなく1つのCSSで画像幅によるスタイルを定義する方が良い。

HTMLは<head>〜</head>内に下記のような一般的な styleseetの指定をする。

<link href="css/styl.css" rel="stylesheet" type="text/css" />

 
続きを読む >>

| 1/10PAGES | >>