小编Tom*_*ski的帖子

我使用谷歌字体的PT Sans.它有我需要的所有特殊字符(ą,ś,ź,ł等).问题是 - Opera不会以粗体显示它们(在我写的CSS中font: bold 16px/2em "PT Sans", sans-serif,所以它无法找到"PT Sans Bold"(但我确实包括PT Sans 400和700).Firefox,Chrome和IE (8,9)做得很好.

我能做什么？

编辑 - 实例:http://buszewski.com/opera.html

我正在尝试使CSS模块与React组件一起使用.我的代码如下:

import styles from './style.css';

const Header = () => {
  return (
    <header className={styles.main}></header>
  )
};

export default Header;

CSS就是这样

.main { background: red; }

和webpack配置:

var ExtractTextPlugin = require('extract-text-webpack-plugin');
var BrowserSyncPlugin = require('browser-sync-webpack-plugin');
var WebpackNotifierPlugin = require('webpack-notifier');
var precss = require('precss');
var autoprefixer = require('autoprefixer');
var path = require('path');

var sassLoaders = [
  'css-loader?modules',
  'postcss-loader?modules',
  'sass-loader?sourceMaps&modules&includePaths[]=' + path.resolve(__dirname, './sass')
];

var config = {
  entry: './app/index.js',
  output: {
    path: 'public',
    filename: 'index.js'
  },
  sassLoader: {
    includePaths: path.resolve(__dirname, './sass') …

我需要在移动设备上看到这样的布局

-----
| 1 |
-----
| 2 |
-----
| 3 |
-----

在桌面上就像这样:

---------
|   | 1 |
| 2 |---|
|   | 3 |
|   |----
|   |
-----

我决定使用flexbox,我的代码到目前为止:

<div class="row">
  <div class="col-xl secound">2</div>
  <div class="col-sm first">1<br>2<br>3<br>4</div>
  <div class="col-xl third">3</div>
</div>

.row {
  display: flex;
  flex-flow: row wrap;
}

.col-sm,
.col-xl {
  width: 100%;
}

.col-sm {
  background: yellow;
}

.col-xl {  
  &.secound {
    background: #ccc;
  }

  &.third {
    background: #aaa;
  }
}

@media (min-width: 700px) …

我在模型中有这个查询:

  public function Games() {
    $q = $this->db->select('games.id, games.title, games.slug, games.dev_id, games.dev, games.plat_id, games.plat');
    $q = $this->db->from('games');
    $q = $this->db->join('rates', 'games.id = rates.game_id');
    $q = $this->db->select_avg('rates.rate');
    $q = $this->db->get();

Run Code Online (Sandbox Code Playgroud)

    return $q->result();
}

我的目标是列出所有内容games,另外rate从rates可用时获得平均值.现在它只显示两个表中的那些行.我怎么解决这个问题？

我从文档中创建了一个简单的Twig过滤器:

public function getFilters() {

        return array(
            'price' => new \Twig_Filter_Method($this, 'priceFilter'),
        );
    }


    public function priceFilter($number, $decimals = 0, $decPoint = '.', $thousandsSep = ',')
    {
        $price = number_format($number, $decimals, $decPoint, $thousandsSep);
        $price = '$' . $price;

        return $price;
    }

它已在配置中注册(因为在该文件中我有一个运行良好的功能):

services:
    sybio.twig_extension:
        class: %sybio.twig_extension.class%
        tags:
            - { name: twig.extension }

但它说不起作用The filter "price" does not exist.怎么会？

我正在尝试安装cmake和rugged宝石。我的Ruby是193，我的DevKit是对应这个版本安装的。我修改了系统PATH并安装了DevKit。

现在我尝试运行gem install cmake，但出现错误：

> gem install cmake
Temporarily enhancing PATH to include DevKit...
Building native extensions.  This could take a while...
ERROR:  Error installing cmake:
        ERROR: Failed to build gem native extension.

        C:/Ruby193/bin/ruby.exe extconf.rb
*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of
necessary libraries and/or headers.  Check the mkmf.log file for more
details.  You may need configuration options.

Provided configuration options:
        --with-opt-dir
        --without-opt-dir
        --with-opt-include …

我想使用flexbox与我的列表构建2x2网格.我的代码如下:

<ul class="cont">
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

CSS:

.cont { display: flex; }
.cont li { width: 50%; }

不幸的是,它li连续排列了四个.

我在我的代码上运行browserify,它如下:

import './app';

//——————————————————————————————————————————————————//
// Components
//——————————————————————————————————————————————————//

import './components/_ntToggleClass';

应用很简单

const app = angular.module('app', []);

而文件components是,组件.但他们正在使用前述app:

  app.directive('ntToggleClass', () => {
    ...    }

当我手动将所有内容放在一个文件中时,一切正常.但在我使用browserify后,我得到了

未捕获的ReferenceError:未定义app

当我查看代码时,两者var app和指令都在那里.

我需要生成两个css文件.我试过用

new ExtractTextPlugin(['css/style.css','css/head.css'], { allChunks: true })

在我的配置和

require('../sass/head.scss');
require('../sass/style.scss');

在我的主要js文件中.

不幸的是,它会产生错误.我能做什么？

我正在为图像构建一个延迟加载组件.但我设置状态有问题.我得到的只能更新已安装或安装的组件错误,但我在setState里面使用componentDidMount,这应该可以让我避免这样的错误.

这是我的代码:

export default class Images extends React.Component {
    constructor(props) {
        super(props);

        this.element = null;

        this.state = {
            loaded: false,
            height: 0
        };
    }

    componentDidMount() {
        this.element = findDOMNode(this);

        this.loadImage();
    }

    getDimensions() {
        const w = this.element.offsetWidth;

        let initw = 0;
        let inith = 0;

        let result;

        const img = new Image();
        img.src = this.props.url;

        img.onload = (e) => {
            initw = e.path[0].width;
            inith = e.path[0].height;

            result = (w / initw) * inith;

            setTimeout(() …