小编Son*_*750的帖子

表格中的响应图像(bootstrap 3)

我正在使用Bootstrap 3 Framework并且在Firefox中使用"img-responsive"类有一些麻烦.我有一个4列表,15/50/10/25%布局.在第一列是一个大图像,应缩小到15%.但这仅适用于Chrome/Opera,但不适用于FF/IE(图像不响应,因此太大).

我的代码:

<table class="table table-striped table-condensed voc_list ">

<thead>
<tr>
<th style="width:15%;"></th>
<th style="width:50%;">Bezeichnung</th>
<th style="width:10%;">Zeitraum</th>
<th style="width:25%;">Ort</th>
</tr>
</thead>

<tbody>

<tr class="listview">
<td style="padding:15px 0px 15px 0px;"> 
<a href="xy" title="">
<img src="yx.jpg" class="img-responsive voc_list_preview_img" alt="" title=""></a>
</td>

<td style="width: 50%; padding:15px 15px 15px 15px;">
<a href="xy" title="">
<h3 class="nomargin_top">ABC</h3>
</a>
</td>

<td style="width:10%;">
555
</td>

<td>
XYZ
</td>

</tbody>

</table>
Run Code Online (Sandbox Code Playgroud)

这是BS3中的已知问题吗?我找不到任何东西.

编辑:http://jsfiddle.net/cctyb/ - 在Chrome中它可以工作,在FF中图像很大

html responsive-design twitter-bootstrap twitter-bootstrap-3

16
推荐指数
2
解决办法
5万
查看次数

在 macOS 上更新 XAMPP 的 PHP 版本

我对 mac 相当陌生,并尝试通过玩耍来学习一些东西。目前我正在尝试在我的 macbook 上运行的 XAMPP 上获得一个新的 PHP 版本。我已经为此阅读了不同的线程和教程(例如,有没有办法在 XAMPP 中使用两个 PHP 版本?)但我被卡住了。这是我得到的:

macOS Mojave 与 XAMPP 5.6.31-0 与 PHP 版本 5.6.31

$ which PHP/usr/bin/php

$ PHP -v 7.1.19

所以这意味着 macOS 具有开箱即用的 PHP7 吗?因此,我尝试通过编辑以下内容使 XAMPP 从 mac 路径加载 PHP7 /xamppfiles/etc/httpd.conf

<IfDefine JUSTTOMAKEAPXSHAPPY>
#LoadModule php4_module        modules/libphp4.so
#LoadModule php5_module        modules/libphp5.so
LoadModule php7_module         /usr/libexec/apache2/libphp7.so
</IfDefine>
Run Code Online (Sandbox Code Playgroud)

但是在重新启动 apache 后phpinfo()仍然是 hat 5.6.31。即使我删除了 PHP 7 + 5 行并期望加载 PHP4,它也会保持在 5。

那么我做错了什么?

免责声明:我知道这将是下载更新的 XAMPP 版本或使用 mac 中的 apache …

php xampp macos

12
推荐指数
1
解决办法
2万
查看次数

背景大小的过渡不起作用

我正试图在悬停时对我的背景图像进行转换.这是我的代码到目前为止:

HTML

<div class="item-one"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

.item-one { 
    height: 345px;
    width: 256px;    
    background: url('http://placehold.it/256x345') scroll no-repeat center center;
    background-size: cover;
    -webkit-transition: background-size 1500ms linear;
    -moz-transition: background-size 1500 linear;
    -o-transition: background-size 1500 linear
    -ms-transition: background-size 1500ms linear;
    transition: background-size 1500ms linear;
}

.item-one:hover {
    background-size: 150%;  
}
Run Code Online (Sandbox Code Playgroud)

请参阅JSFIDDLE

但这对我不起作用,在不同的浏览器中测试过.其他过渡如背景颜色按预期工作.此属性的转换是否有任何限制?

css3 css-transitions background-size

5
推荐指数
1
解决办法
1万
查看次数