css
caicaicai404
很佛系,闲来无事就写写博客
展开
-
select标签实现文字居中
今天用select标签,想设置一下文字居中时,发现居然不生效。原创 2021-06-06 00:53:27 · 3970 阅读 · 0 评论 -
解决fullpage滑动,控制台的报错提示
应用fullpage移动端滑动效果,但控制台一直有报错提示[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>解决:给html 添加 touch-action: none;属性...原创 2019-11-21 17:02:02 · 342 阅读 · 0 评论 -
文本超出隐藏
单行文本超出隐藏 .single{ width: 60%;/*需要设置宽度*/ line-height:14px;/*设置line-heigh或上下padding可防止出现文字头部少了一截的情况*/ font-size: 12px; overflow: hidden; text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: n...原创 2018-04-09 14:14:17 · 244 阅读 · 0 评论 -
简单解决js计算rem单位首次加载页面瞬间布局错乱的问题
在写移动端布局时,有些人喜欢用单纯的CSS+百分比来控制字体单位,而有些人则喜欢用js来计算字体的单位以及处理屏幕兼容。这种方法其实是挺不错的,比用媒体查询能减少能多的后期处理。但是相信用过这个方法的人不少都会发现,在我们首次打开页面的时候,有时会出现一闪而过的布局错乱的问题,虽然只是短短的一瞬间,但每次看到都会让人觉得很不舒服。 (function() { document.addEvent...原创 2018-04-15 23:36:59 · 3819 阅读 · 0 评论 -
禁止safari自动识别数字为电话号码,强加样式
写移动端页面时,一次在iphone手机的safari浏览器打开页面,突然发现每次页面加载完底部的电话号码,都会突然样式失控,变成不是自己最开始设置的效果,如下图一开始还以为自己样式不合理,后来终于发现是safari搞鬼,只需在页面头部加一句,就可以解决了:<meta name="format-detection" content="telephone=no" />...原创 2018-04-28 23:40:27 · 2123 阅读 · 0 评论 -
H5实现移动端,PC端页面分享
想做个页面分享功能,既要兼容移动端,也要兼容PC端。找了一轮,决定PC端用百度分享的api:http://share.baidu.com/code/advance移动端一开始想用soshm.js,发现ios没问题,但安卓手机在微信上点微博完全没反应:http://www.calledt.com/soshm/于是改用了nativeShare.js:https://github...原创 2019-01-30 11:48:27 · 9464 阅读 · 1 评论 -
css引入自定义字体 字体压缩
随便一个网站下载字体:https://www.fontke.com/再随便一个网站字体转换格式:https://www.fontke.com/tool/convfont/效果:<!DOCTYPE html><html><head> <meta charset="utf-8"> <m...原创 2019-07-23 23:03:18 · 1991 阅读 · 1 评论