Question

我有问题，我的文字没有响应，我试图删除文字，图像是响应，只是文字不是..有一个白色边框。 我不知道如何解决这个问题，它暗示我的css代码有一些东西，但我不知道是什么。

＆＃13;

      
      <div id="stage">
     <div id="stage-caption">
     <h1 class="display-3">
         THERE'S ONLY ONE MIHAEL SOBOČAN, WEB DESIGNER & PROGRAMMER!
     </h1></div>
      </div>

＆＃13;

public Bitmap getPianoImage(Context context, int[] pressedKeyIndices){
    Bitmap pianoImage = BitmapFactory.decodeResource(context.getResources(), R.drawable.pianoBase);
    Canvas canvas = new Canvas(pianoImage);
    Paint paint = new Paint();
    paint.setColor(Color.RED);
    paint.setStyle(Paint.Style.FILL);

    for(int pressedKeyIndex : pressedKeyIndices){
        Path path = getPathForKeyIndex(pressedKeyIndex, pianoImage.getWidth(), pianoImage.getHeight());
        canvas.drawPath(path, paint);
    }

    return pianoImage;
}

private Path getPathForKeyIndex(int idx, int w, int h){

    Path path = new Path();

    switch(idx){
        case 0:
            path.moveTo(0f*w, 0f*h); // used for first point
            path.lineTo(0f*w, 1f*h);
            path.lineTo(0.1f*w, 1f*h);
            path.lineTo(0.1f*w, 0.5f*h);
            path.lineTo(0.08f*w, 0.5f*h);
            path.lineTo(0.08f*w, 0f*h);
            path.lineTo(0f*w, 0f*h);
            break;
        case 1: ...
    }

    return path;
}

＆＃13;

＆＃13; 问题的截图 http://i.stack.imgur.com/FBKyO.png

Answer 1

说实话，一旦你开始真正的小屏幕尺寸，它才会开始发生..因此，即使真的担心也不值得。

问题是，“程序员”这个词是什么＆＃39;太长，不能缩短，并进一步推动视口的宽度。

因此，如果您真的担心，您的解决方案是使用768px以下的媒体查询来缩小字体大小。

@media (max-width:768px) {
    #stage-caption h1 {font-size:1em;}
}

网站文字不适合移动设备

1 个答案: