メディアクエリーなしでレスポンシブにできる方法がないかと探しています。
ある商用サイトのコンテンツを管理することになりました。作業はホームページの更新などです。サイト自体はレスポンシブ対応してます。ただ、私はCSSファイルへのアクセスやアップロード権限がありません。 そのため、ホームページのコンテンツをレスポンシブにしたくても、メディアクエリーを使うことができません。私のアクセスできるのは限られたページの<body></body>内のみです。
なにかインラインのスタイル指定だけで、レスポンシブ対応のようにできるなどの方法があれば、ぜひ教えてください。
みんなの回答 4 件
権限のあるディレクトリの中にcssファイルを置いて、<body>内にそのCSSが読めるように書いたらいいよ。もしくは、<body>直下に<style></style>を書く。
ボディ内に書いてもいいんよ。
最初のコメントがすべてだと思うけど、少し補足すると、body内で外部ドメインのcssを読むこともできるよ。<link>さえ追加できればすべてのcss機能使えるよ。
HTML5からは <style> に scoped っていうのが追加された。詳しくはググれ。
scoped無しでbodyの中にstyleを入れたり、bodyの中にlinkを入れたりするのは厳密には仕様に反してるので、仕様の範囲内でやりたければJavaScriptでhead内にstyleやlinkを突っ込むという方法で。
関連するトピックス