iOS Safari で最後の一文字だけ改行される不具合の対処方法 - Qiita
特定条件のみ最後の一文字が改行されてしまう iOS Safariでページを確認したら特定の箇所だけ最後の一文字が改行されてしまうという現象に悩まされていました。 こんな感じです。 発生条件 ≫iOSで最後の1文字が改行される ≫Mobile Safariで最後の１文字が改行されてしまうバグ 上記ページに発生条件がいろいろ書かれていますが、 フォントサイズ 前後の空白 文字数 などは自分の場合は関係ありませんでした。別の文字列にしても改行されたので文字コードなども関係ないようです。 dt タグを display:inline-block する というのが自分の発生条件のようです。 対処法 dt{ display: inline-block; margin-right: -1px; &:after{ content: "."; width: 0; font-size: 0; color: tr
iOS Safariで文章の最後の1文字だけ改行されてしまう現象の対処法
最近iOS Safariで起きた現象とその対処法についてまとめておきます。 ブラウザ表示のトラブルといえばIEでばかり起きるもののイメージがあったのですが、最近意外とSafariで見たときに「あれ？」となることが増えてきました。 横幅が足りなくて改行されているのではなく、明らかに横幅は余裕があるのに、最後の1文字だけが改行されてしまいました。 原因としては下記のようなことがあるみたいなのですが、自分の場合はdisplay: inline-block;でフォントサイズを14pxで文字数が全角13文字のときに発生しました。 display: inline-block;を指定しているfont-feature-settings: "palt"を指定している文字列が全て全角文字前後に空白がある（コード上の空白も含め）しかも、iPhone長押しでテキストの選択をすると1行で選択されるので、あくまで要素
iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
最近Web制作をしていると、iPhone5で表示した時にWebページに謎の縦線が入っていました。「何がおかしいんだろう？」と思ってChromeの開発者ツールでiPhone5の表示に切り替えたのですが、そのおかしな表示が再現されない… 僕はWeb制作を行う際にいつもChromeの開発者ツールを使っていたのですが、どうやらChromeの開発者ツールは完璧にスマホデバイスを再現してくれるわけではないので、ある程度の表示はしてくれるものの本当に細かい微細な部分までは再現してくれないみたいです。 だからこそ実機テストが重要とされてるわけです。 実機で見て何が原因かすぐ判断できるようなものなら良いのですが、流石にパッと見何が原因かも分からないコードを少しづついじって、その都度実機確認というのはかなり面倒です。 そこでふとXcodeのiOSシミュレーター（エミュレーター）を思い出し、それならちゃんと表示
Mobile Safariで最後の１文字が改行されてしまうバグ - くらげだらけ
スマートフォンブラウザ関係のバグは（Android browserを中心に）たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の１文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 （ただその分googleで検索しても、遭遇した例など出てきません） mobile safariで閲覧している PCブラウ
iOSで最後の1文字が改行される
iOSで文字列の最後の1文字だけ改行されてしまう不具合に遭遇したのでメモしておきます。 確認したiOSのバージョンは6.1.6です。 発生条件 調べてみると発生条件がいくつかあるみたいですが、今回遭遇した条件は以下になります。 display: inline-block;を指定している font-size: 20px;を指定している 文字列が全て全角文字 文字列の前に空白(半角スペースやコード上の改行)がある 上記発生条件の3・4番目について、いくつかパターンを試してみました。 HTML <!-- 文字列の前に半角スペースが入っていると発生 --> <div class="sample"> やる気マンゴスチンです</div> <!-- 半角スペースがない場合は発生しない --> <div class="sample">やる気マンゴスチンです </div> <div class="sampl
Microsoft、文字起こしアプリ「Group Transcribe」を公開 - iPhone Mania
Microsoft、文字起こしアプリ「Group Transcribe」を公開 2021 3/16 Microsoftは3月上旬、対面での会議や会話のためのリアルタイムのテープ起こしと翻訳を提供する「Group Transcribe（グループ転写）」のiOSアプリをリリースしました。会議の参加者がそれぞれのデバイスで使用することができます。 メモを取らずに会議に集中できる優れもの 最先端のAI音声・言語技術を搭載したGroup Transcribeで、会話の参加者は共有セッションを開始し、それぞれが携帯電話のマイクを使用して、リアルタイムで誰が何を言ったかを示す、非常に正確なトランスクリプトをキャプチャできます。 会話の高品質な記録に自信を持つことで、ユーザーはメモを取る必要がなくなり、会話そのものに注意を集中させることができます。トランスクリプトは、共有したり、再配置も簡単に行う
【iOS14.2】SafariでIDやパスワードを入力するとフリーズする不具合が報告
iOS14.2以降、Safariでウェブサイトのアカウント情報入力画面でIDやパスワードといった情報を入力しようとするとフリーズする不具合が一部のiPhoneで報告されています。 IDやパスワードの入力ページでフリーズする iOS14.2以降、Safariでウェブサービス等のパスワード入力ページ（アカウント情報の入力画面）を開くとフリーズする、もしくはキーボードが表示されないといった不具合が複数報告されています。 iOS14.2、ウェブの入力フォームでのパスワード入力欄への入力時にフリーズしたり、なかなかキーボードが表示されないバグがあるな。 — 思兼 (@omoikane_) November 17, 2020 iOS 14.2でパスワード入力するときにフリーズする。パスワードの自動入力止めてクリアできた。ほかのサイトは問題ないしなんだこれ。 — ネタナンデス (@newsasahico
これで解決！height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック
iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。 CSSのみのテクニックで、JavaScriptは必要ありません。 height: 100vh;だけでなく、min-heightやmax-heightでも機能します。 PostCSS 100vh Fix -GitHub PostCSS 100vh Fix 注意点 使い方 PostCSS 100vh Fix PostCSS 100vh Fixは、100vhのiOSの挙動（バグ？）を修正するPostCSSのプラグインです。ピュアCSSのソリューションで、JavaScriptは必要ありません。 高さいっぱいに表示したい時に、height: 100vh;だけを定義してもiOSでは期待通り
iOS Safari が自動で追加する電話リンクを CSS だけで無効にする - Qiita
iOS Safari さんの小さな親切が大きなお世話なときの処方箋です。忘備録として。 1.「電話リンクを自動で追加してくれるのはありがたいんだけど、これは電話番号ではないのだよ」というとき iOS Safari が <a href="tel:0123456789"> のようなリンクタグを追加するので、CSS セレクタには a を含めるようにします。pointer-events は、クリックを無効化する CSS プロパティですね。 <style> .disable-auto-tel a[href^="tel:"] { color: inherit; text-decoration: none; pointer-events: none; } </style> <p class="disable-auto-tel">0123456789</p>
iOSブラウザのセレクトボックスUIが使い辛すぎ問題 | キノコログ
WEB屋さんなら、タイトルである程度察してもらえるこの問題。 昨今のWEBサイトは、スマートフォンからのアクセスがほとんどのため、デザインや操作性はスマートフォンでストレスなく使えることが最重要課題となっている。 特に、ユーザーが商品の購入を行う際に、必ず経由するであろう「フォーム」の入力。 ここがストレスなく入力できるかが、成約の肝となるのだが…。 ユーザーに入力する際に、選択肢の中から項目を選んでもらう「セレクトボックス」というものがある。 複数の選択肢の中から、ユーザーに選んでもらう、というフォームを設けたい場合は、「セレクトボックス」が最も使われていると思う。 （ラジオボタンやチェックボックスよりも癖がないため） 「セレクトボックス」とは、↓コレのことである。 今見ている端末によって、このSELECTの仕様が異なっていると思うが、iPhone端末はこんな表示になっている。 いわゆる
iPhoneでWEBページを保存してオフラインで読めるようにする2つの方法
どもテラです。 本日は【iPhoneでWEBページを保存してオフラインで読めるようにする3つの方法】と題してみなさんに紹介していこうと思います。 これさえできれば、電波がはいりにくい場所である電車の中やトンネルなど様々な状況の場所でもストレスなく好きな時に気になった記事を読むことができます。 今回は、電波がない状態である、いわゆるオフラインの時でも自分がよみたいニュース記事や役立つ情報サイトの記事をいつでも読むことができるのでその方法を紹介していきます。 電波がはいらない場所でも気になるWEBページを読めたら便利 電波がとどいていないとWEBページを閲覧することができません。 しかし、オフラインの状態でもWEBページを閲覧することができるならみなさんはどう思いますか？ オフラインでもすきなWEBページを閲覧できたら非常に便利ですよね。 今回は、そんな便利なWEB閲覧する3つの方法をみなさん
iOS版『シヴィライゼーションVI』が定価の8%にあたる610円、拡張パック半額でセール開始、他25本ブラックフライデー前の11月24日の値下げゲーム
久々の値下げ情報、ブラックフライデー（海外の年末商戦で一斉に値下げが始まる）前に復活。このままの勢いで更新を全部復活させたい。
月600円で追加課金なし・プレイし放題な「Apple Arcade」のゲームタイトル一覧まとめ
1カ月600円でiOS、Apple TV、Macのゲームがプレイし放題となるサブスクリプション型ゲームサービス「Apple Arcade」が2019年9月20日からサービスを開始します。Apple Arcadeのベータテストが一部ユーザー向けに開始されており、サービス開始時からプレイできる初期タイトルの一部が判明しています。 All the Games on Apple Arcade at Launch - MacRumors https://www.macrumors.com/2019/09/16/apple-arcade-full-game-list/ Apple Arcade launch line-up - Polygon https://www.polygon.com/apple/2019/9/17/20870210/apple-arcade-line-up-full-list-
ガンホー株価が値下がり率上位 「ラグナロク マスターズ」セルラン伸び悩み？
2019年6月7日の株式市場で、ガンホー・オンライン・エンターテイメント（東証1部）が前日比28円安（-8.86％）の288円と大幅安。値下がり率は全市場で3位でした。 ガンホーは6月5日、基本無料のスマートフォン向けRPG「ラグナロク マスターズ」（ラグマス）をiOS、Android向けにリリース。PC向けオンラインRPG「ラグナロクオンライン」のスマホ版といえるアプリで、海外では「Ragnarok M」として先行配信し、3月末時点で2400万ダウンロードを突破しています。 6月5日にリリースされた「ラグナロク マスターズ」 かつての大人気オンラインRPGのスマホ版とあって、リリース時にはTwitterのトレンドに入るなど話題になり、楽しんでいるというユーザーの声も多かったようです。ただ、iOS向けのApp Store、Android向けのGoogle Playでは、無料ゲームのランキン
iOSが新しくなると必ず現れる「新しいのは不安定だから入れないほうがよい」の人 - ぐわぐわ団
私は iPhone7 を使っているのですが、新しい iOS12 が出たので、さっそくアップデートしてみました。今まではアップデートするともっさりするというのがなんとなく定番だったのですが、今回は逆にカメラもキーボードも起動が早くなるということらしいです。というか、たぶん早くなったような気がします。よくわかりません。とりあえず、操作をしていても気になることもなく、きちんと使えています。 そして、iOS が新しくなると必ず現れるのが「新しいのは不安定だから入れないほうがいいよ」というご意見、ご感想。今までに聞かなかったことがないというぐらいに、必ず何となくこういうことに詳しそうな人が語り出すのです。「新しいものにするのはもう少し待ったほうがよい」「すぐにバージョンアップするので、それまで待つほうがよい」とか、何をそんなに躊躇することがあるのというのだというのが本音です。 そんなに心配なら初代i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
桂川 潤 Katsuragawa, Jun on Twitter: "「電子書籍元年」と喧伝された2010年に、iPadとあわせて入手した電子本の半数以上は、最新のOSで開くことができない。 標準フォーマットのEPUBから外れた独自規格が原因らしいが、10年経たずに朽ちてしまう本って、いったい…。 https://t.co/jJHNB3uhPy"
Google、フォトレタッチアプリ「Snapseed」のアップデートでレンズぼかしなど多数の新機能を追加
MS、開発ツールを集約した「Microsoft Game Stack」発表―Xbox LiveがiOS/Android対応へ | Game*Spark - 国内・海外ゲーム情報サイト
プレイステーション 4、iOSでのリモートプレイに対応！ システムソフトウェア バージョン6.50の配信を開始
Android/iOS/Windowsの画面をTVに出力するWi-Fiアダプタ、価格は2,500円 - AKIBA PC Hotline!
