Q&A
1. DOCTYPE の記述の有無
PHPで開発をしています。
フレームワークはcakePHP3を用いています。
ローカル環境とサーバー環境での「border-radius」の挙動が異なります。
(サーバー環境でのみうまくいきません)
ローカル環境：想定通りの挙動。xamppを用いてapacheで実行。 サーバー環境：border-radiusが効かない。awsサーバ。apacheで実行。
どちらも、ローカル環境からURLを実行し、画面を出力しております。
IEのバージョンは10です。
####【css】
.sample{ border-radius : 4px; }
####【html】
<span class = "sample">～～～</span>
####試したこと
・<meta http-equiv="X-UA-Compatible" content="IE=edge">
・<meta http-equiv="X-UA-Compatible" content="IE=9">
・border-radius : 4px 4px 4px 4px;
・behavior: url(“PIE.htc”);(パスの設定があっていたか若干怪しいです)
原因、および解決策をご存じの方いらっしゃいましたら、ご教示頂けると幸いです。
補足
ローカル環境では、 ブラウザモード：IE10 ドキュメントモード：Quirksとなっています。
2. DOCTYPE の記述内容（１でありの場合）
3. エンタープライズモードかどうか
自己解決しました。 cakePHPでは、default.ctpが呼ばれ、その中で自作のhtmlが読み込めれていたようで、 defaul.ctp側で、<meta http-equiv～>が記載されていなかったことが原因でした。 さまざまな角度からのご意見ありがとうございました。
回答3件
0
自己解決
cakePHPでは、default.ctpが呼ばれ、その中で自作のhtmlが読み込めれていたようで、 defaul.ctp側で、<meta http-equiv～>が記載されていなかったことが原因でした。
投稿2018/08/22 05:28
総合スコア32
0
<meta http-equiv="X-UA-Compatible" content="IE=10">を直に指定する<meta ~>を早めに宣言する．
（cf."IE=edge"が効かなかったときの話）
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
（cf. たった1行で「IEの互換表示」を強制的に標準モードにする方法）
んー，どれだろう
投稿2018/08/17 09:58
総合スコア1284
どれも試してみましたが、うまくいきませんでした。
ドキュメントモードが「IE7標準(ページの規定)」が選択されており、
IE9に変更しなおすと、直ることも確認できましたが、
デフォルトでIE9にしたいです。
cakePHPでどこかで定義されてしまっているのでしょうか・・・？
DOCTYPE 指定とかエンタープライズモードだったりして（ meta より優先される ）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
上から数行は上記のコードです。(大丈夫そうですかね・・・？)
質問欄のコメントを見ました．解決したようで何よりです
余談ですが，metaタグ末尾の「スラッシュ」の有無は統一したほうが良いかもしれません
cf
[Thymeleaf&Spring] metaタグ末尾に/を入れないことによるエラー
https://qiita.com/T_S_A_O/items/6836f749e369930bbe41
あと自己解決した場合は，質問者さんご自身で「どうやって解決したのか」を投稿し，ベストアンサーとしてください
0
スーパーリロードは試しましたか？
投稿2018/08/16 06:59
総合スコア1284
やってみましたが、変化はありませんでした。
IEのブラウザモードが「IE10 互換表示」となっていて、「IE10」に設定しなおすと、適用されるのですが、
デフォルトでIE10にする方法などはあるのでしょうか？
(自分の環境だけでなく、他の人も閲覧するため、対象ページを開いたらデフォルトでブラウザモードが変更されるようにしたいです)
あなたの回答
tips
プレビュー
