小编sam*_*sam的帖子
删除ios safari/chrome/firefox中点击的链接上的灰色背景
单击(触摸)iOS中的链接(或chrome或firefox)时,链接后面会出现灰色背景(仅在您持有时).有没有办法使用CSS删除此功能？
请参阅下面的示例图片:
推荐指数
解决办法
查看次数
是否可以通过浏览器开发人员工具查看浏览器使用的srcset图像
我一直试图srcset通过浏览器开发人员工具查看我的浏览器使用的图像,但除了使用网络选项卡查看它取出的图像我无法分辨.
使用网络选项卡通常会很好,但有时我注意到它将获取不同大小的2个图像版本,如果一个断点为600而另一个断点为900且浏览器当前宽度为750px,则会发生这种情况.
(我已经在Chrome和FireFox上尝试了这一点,看起来Chrome在某些情况下会拉下这两个图像,但FireFox似乎只能拉下一个)
我想知道的原因是我感兴趣,如果它缩小了两个图像srcset剂量,它会在我缩放浏览器窗口时自动在它们之间交换？这是无法判断的,因为通过检查元素它只提供元素的原始html img,而不是img srcset它使用的实际选项.
推荐指数
解决办法
查看次数
css width:calc(100%-100px); 使用jquery的替代方案
我想用width: calc(100% -100px);它完美地完成我需要的工作,唯一的问题是它的兼容性.目前它只适用于最新的浏览器,而不适用于Safari.
我可以使用jQuery做出替代方案吗？即.获取对象的100%宽度-100px然后动态设置结果为CSS宽度(因此它会响应)
推荐指数
解决办法
查看次数
使用css水平+垂直翻转/镜像图像
我试图翻转图像以4种方式显示它:原始(无变化),水平翻转,垂直翻转,水平翻转+垂直翻转.
要做到这一点,我在下面做,除了水平+垂直翻转,它工作正常,任何想法为什么这不会工作？
我在这里提出了一个问题的小提琴:https://jsfiddle.net/7vg2tn83/
.img-hor {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.img-vert {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
.img-hor-vert {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
推荐指数
解决办法
查看次数
使用margin/padding从<p>的其余部分空间<span>
我有一个文本块,我想用小斜体写下作者的名字和日期,所以我把它放在一个<span>块中并设计它,但我想把这个名字放一点点所以我应用了边缘(也尝试填充)到块但它不能让它工作.
我做了一个问题的解决方案 - 这里
html看起来像
<p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa omnis obcaecati dolore reprehenderit praesentium.
<br><span>Author Name, Year</span>
</p>
CSS
p {font-size:24px; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;}
p span {font-size:16px; font-style: italic; margin-top:50px;}
推荐指数
解决办法
查看次数
jQuery UI Draggable无法在ios设备上运行
我正在使用.draggable(jQuery UI的一部分)来允许用户在简单的Web应用程序中移动项目.它适用于OSX和Windows的所有最新桌面浏览器(Windows Safari除外,它只会因某种原因垂直移动项目).
我遇到的主要问题是它不适用于Safari IOS(这是应用程序最初的目标).
这是不兼容的原因吗？
还有另一种方法可以达到同样的效果吗？
我正在运行它的测试网站是http://www.pudle.co.uk/mov/draggable.html,我也做了一个jsfiddle - http://jsfiddle.net/t9Ecz/.
任何帮助非常感谢,欢呼.
推荐指数
解决办法
查看次数
从Cordova应用程序中删除闪屏加载GIF
在编写应用程序时,我遇到了覆盖Cordova默认值的问题.
我正在使用Cordova(以前的PhoneGap)框架和Xcode编写iOS应用程序.Cordova允许我为项目添加一个启动画面,只需将其拖放到Xcode中我项目的信息选项卡下即可.这部分工作正常,但是在启动图像的顶部有一个默认的加载指示器gif(我不确定它是来自Xcode还是来自Cordova).
如何删除加载指示器图像？
推荐指数
解决办法
查看次数
没有git就上传到heroku
我正在制作一个小型的网络应用程序,真的只是为了个人测试,应用程序是用php/mysql构建的,我计划在heroku上托管它,但我想知道是否有可能在没有从git推送的情况下在heroku上托管东西.
我不太热衷于使用git,因为它是设置的另一件事,我不需要任何协作者在这个项目上,如果我想保持我的代码私有我必须注册一个高级帐户.如果我想要做的就是将项目上传到heroku,那么这两个似乎都是倒退的.
有没有人知道这方面我可以直接从命令行上传本地文件？
推荐指数
解决办法
查看次数
'Lato'字体在Safari中呈现奇怪,而不是在chrome或firefox中
我使用谷歌网络字体中的'Lato'字体,除了safari之外,它在所有浏览器上显示都很好.
我正在使用它 font-weight:100;
这里有一些不同浏览器的屏幕截图.知道什么可能导致它变得极薄吗？或者,如果有一种方式,我可以设置它只font-weight:300;为野生动物园渲染？
我也提出了问题的小提琴 - http://jsfiddle.net/qLHuc/1/
FIREFOX
铬
苹果浏览器
推荐指数
解决办法
查看次数
是否可以重新计算在调整浏览器窗口大小时使用的`srcset`图像？
是否有可能srcset在页面加载后重新计算浏览器窗口大小,从而更新其使用的图像.
你想要这样做的原因是因为如果你在桌面上压缩浏览器窗口,加载一个网站,然后使浏览器窗口变大,它就会缩放"small.jpg"(如设置中所示srcset)所以用户最终将获得像素化图像.
我开始制作一个jsfiddle来显示问题,但它运行良好,因为我认为srcset是由浏览器窗口计算,而不是jsfiddle结果网格.
如果您感兴趣,可以将其复制并粘贴到空白html文件中并在本地服务器中运行(必须位于本地http://服务器上,以便您可以查看网络调试选项卡以查看浏览器加载的图像).通过文件URL在浏览器中运行它file:///不会允许您通过网络调试选项卡查看加载了哪个图像.
<body>
<div class="wrapper">
<img
src="http://i.imgur.com/DoWeH0X.jpg?1"
srcset="http://i.imgur.com/QV9vace.jpg?1 1400w, http://i.imgur.com/ZqkR6Bk.jpg?1 800w, http://i.imgur.com/gltBZ06.jpg?1 300w"
alt="#"
>
</body>
</html>
推荐指数
解决办法
查看次数