質問: postcssでコーディングしているのですが、元請けがcssそのものを望む可能性があり、 ミニファイせずにcssにトランスパイルだけしして、渡したいのですが、 なぜかコメントアウトが文字化けする部分としない部分が出てきます。 のつづき。 ``` ・下記のようになります #map { width: 100%; height: 99%;/*height�̓{�[�_�[����������100�ƂȂ��̂ŁA100�ȉ��ɂ����B*/ position: absolute; top: 0%; left: 0; border: medium solid #FFF; border-bottom: medium solid #FFF !important; box-sizing: border-box;/*�p�f�B���O�ƃ{�[�_�[�ƍ����Ɋ܂߂�*/ pointer-events:none;/*Map���ł̊g���k���Ȃǂ��ɂ���*/ } ・例2 @charset "utf-8"; /* 説明 ・ baseで一括指定している物 box-shadowと背景のグラデーション ヘッダー、フッターとメインコンテンツの間にある隙間 中央ぞろえは、.centeringで一括指定 テキストのシャドウ ロングシャドウ */ /* Footer ----------------------------------------------------------------- */ .footer { box-shadow: 0rem 0.6rem 0.6rem -0.6rem rgba(0,0,0,0.9) inset; } をトランスパイルすると @charset "utf-8"; /* ���� �@�E�@base�ňꊇ�w�肵�Ă��镨 box-shadow�Ɣw�i�̃O���f�[�V���� �w�b�_�[�A�t�b�^�[�ƃ��C���R���e���c�̊Ԃɂ��錄�� �������낦�́A.centering�ňꊇ�w�� �e�L�X�g�̃V���h�E �����O�V���h�E */ /* Footer ----------------------------------------------------------------- */ .footer { box-shadow: 0rem 0.6rem 0.6rem -0.6rem rgba(0,0,0,0.9) inset; } ``` となります。 ただ不思議なことに同じような内容でも文字化けしない場所もあります。 ``` /* ----------------------------------------------------------------------------- Project -------------------------------------------------------------------------- */ @charset "utf-8"; /* 説明 ・ baseで一括指定している物 box-shadowと背景のグラデーション ヘッダー、フッターとメインコンテンツの間にある隙間 中央ぞろえは、.centeringで一括指定 テキストのシャドウ ロングシャドウ */ /* News ----------------------------------------------------------------- */ /* ul */ ```
回答: ``` @charset "utf-8"; ``` が最初に無いからでは? って一度書きましたが、どこまでがソースですか? 質問文もコードに混ざってるようですが? そもそも最初から文字化けしてるのですか?