PHPを学ぼう!

▼PHPを学ぶチャプターです。

 

 

 

quetion

 

素材メニュー

 ◆Chapter 1

 ◆Chapter 2

 ◆Chapter 3

 ◆Chapter 4

 

制作ヒント

 ◆制作のヒント

 

レッスンメニュー

 ◆Chapter2 練習問題

 ◆Chapter3 DB練習問題

 

サイト運営者がPHPを学んだ
お勧めの書籍です!
これ一冊で基本的なPHPの仕組み、簡単なプログラムの作成、SQLiteを使ったデータベースなどかなり学べる要素が詰まっています!

↓↓↓ ↓↓↓

PHPレッスンブック―PHP5対応

中古価格
¥1から
(2018/7/21 10:07時点)

 

 

サイバーテロの技法について書かれた書籍です!
ハッカーの手法を知ることでご自身のサイトがハッカーに攻撃されたときそれを防ぐ手法を紹介しています。

↓↓↓ ↓↓↓

PHPサイバーテロの技法―攻撃と防御の実際

中古価格
¥525から
(2018/7/21 10:09時点)

 

 

当サイトはロリポップを利用しています。
高機能ながら安価な料金で利用できるのでお勧めです。

↓↓↓ ↓↓↓

 

 

ドメインを取るならここ!
69円~独自ドメインが取れます。

↓↓↓ ↓↓↓

おサルさんでもわかる?ホームページ作り! | htmlタグ辞典+css



◆Tip21 - スマホの一部でスタイルシートが読み込めない

ホームページでページを作成しているとアクセスしてくる端末により外部に設定したスタイルシート( stylesheet )をうまく読み込めない場合があります。
これはブラウザの仕様により、CSS によって体裁が変ってしまったり、あるいは一部の属性が使えないなど昔からあった問題です。

  

それでも大きくデザインが崩れなかったら許せる範囲ではありますが、そうでない場合には困りますよね。
四苦八苦し、いろいろと試しながら解決を模索しますね・・・・。

  

  

今回は、長いソースコードを紹介する際にスマートフォンで縦表示をした場合に行が上手く改行されない問題について紹介します。
この問題は、Android 上で Chrome (ZenFone5/A500KL)で確認した事象です。
あえてこのページには対策を講じていません。
スマートフォンでアクセスし、表示を確認することができますので興味のある方はアクセスしてみてください。

スマートフォンサイトにリンク

  

  

  

画面サイズで改行されない問題は次の対策をすると解決するようです。
お困りの方は、全ての端末で確認しておりませんので自己責任において試してください。

  

  

【トラブルシューティング】

① スタイルで " word-break " を使う

  • normal       :英語は単語の区切りで改行、日本語は行末で改行
  • break-all    :単語の途中であっても改行させる
  • keep-all     :単語の途中では改行させない

長いソースコードを表示させる場合、プロパティに "break-all" を使うとディスプレイのサイズに合せて改行してくれます。
しかし、スマートフォンの Chrome では外部スタイルシートを読み込んでも機能しないので次のように個別にスタイルを設定する必要があります。

[使用例]

<p style="word-break: break-all;">
IMG_Thumbnail_Create("./img/1234567890.jpg", "保存先", "横幅", "縦幅");
</p>

  

PC でもデザインは崩れず、他のスマートフォンのブラウザでも問題なく表示できました。
このやり方が今のところ、ベストだと思います。

  

  

② " <wbr> " を使う

<wbr> タグを使い改行させたい単語、箇所に入れることで改行させることができます。

[使用例]

<p>
IMG_Thumbnail_Create(<wbr>"./img/1234567890.jpg",<wbr> "保存先",<wbr> "横幅",<wbr> "縦幅");
</p>

  

スタイルシートを使わない点ではいいのかもしれませんが、PC のデザインが崩れることがあります。
<wbr> は、もともとは Netscape Navigator 独自の要素で、 HTML4.01 の仕様には取り入れられていませんが、HTML5 からはサポートされる予定です。
HTML5 以前でホームページを制作した場合には動作しない場合があります。

  

[2017年7月20日 公開]

  

  

  


 

 

 

 

 

SSLに対応していません。

 


 

 


 

【関連サイト・リンク】

PHPを学ぼう! htmlタグ辞典+css おサルさんでもわかる? ホームページ作り! パワーポイントでYouTube動画を作る! 準備中 準備中 準備中

▲UP

Copyright (C) Ooedo21.com 2018. All Rights Reserved.

+