css - 优化手机长链接

标签 css mobile

我有一个博客,我使用以下链接“http://static.opentok.com/webrtc/v2.0/js/TB.min.js ”。

当我缩小浏览器时,它会正常工作,但一切似乎都很好。当我在 iPhone 上查看页面时,屏幕右侧有很多空白区域,唯一突出的是这个长链接。由于这个原因,我认为它破坏了设计,特别是因为我的其他博客在移动设备上看起来都很完美。

我该如何纠正这个问题?

最佳答案

您可以使用:

 .css { text-overflow: ellipsis; }

这会将溢出的文本制动到末尾的“...”

https://developer.mozilla.org/en-US/docs/CSS/text-overflow

关于css - 优化手机长链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15063916/

相关文章:

javascript - Offset().top 在页面加载时不返回值

asp.net - Orchard CMS 支持移动渲染吗?

css - div 内有图像的 div 不干扰文本?

jquery - 尝试编写一个 jQuery-CSS 下拉菜单。单击菜单时,其他元素会四处移动

javascript - 在新窗口中打开以添加打印页面功能

mobile - Rdbms 可以以一种方式与 Realm 对象服务器同步吗?

android - 是否可以从 Appery.io 等服务构建移动应用程序(iOS、Android)以继续使用原生编码进行开发?

javascript - 所选文本在 640 像素或更小的视口(viewport)中逐渐消失

css - 为什么我的网站在移动 View 上没有响应?

html - 学习如何构建混合 HTML5 应用程序的起点?