PHPを学ぼう!

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


安心サポートのGOG!

 

素材メニュー

 ◆Chapter 1

 ◆Chapter 2

 ◆Chapter 3

 ◆Chapter 4

 

制作ヒント

 ◆制作のヒント

 

レッスンメニュー

 ◆Chapter2 練習問題

 ◆Chapter3 DB練習問題

 

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

↓↓↓ ↓↓↓

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

新品価格
¥2,520から
(2013/2/24 04:38時点)

 

 

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

↓↓↓ ↓↓↓

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

新品価格
¥1,890から
(2013/11/5 10:09時点)

 

 

★初年度100円! サブドメインやメールアカウントを無制限に設置できます。
PHPやCGIは勿論、WordPress、Movable Type Open Source、掲示板、ブログ、ショッピングサイトなどが簡単に導入できるので複数サイトを運営したい場合に便利なサービスです。

↓↓↓ ↓↓↓

 

PHPが動作するサーバー

 

はじめてのHP | 無料素材 | タグ辞典 | CSSガイドEX | PHPを学ぼう!

◆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日 公開]

  

  

  

 

 

 

 

 

 

 

 

 

 

 

 

ex-mode.net | ツールEX | 素材EX | アフィモール | 初級者向 初めてのホームページ作り | Htmlタグ辞典 | 初めてのプランター菜園 | リンク・ボード
気のみ気のままなブログ | CSSガイドEX | ホビ★コレ | 班長日記!

▲UP

Copyright (C) ex-mode.net 2017. All Rights Reserved.