pr效果控件不显示缩放

html-css013

pr效果控件不显示缩放,第1张

1. 缩放比例设置不正确,可能设置的缩放比例太小,导致控件不显示;

2. 缩放比例设置不正确,可能设置的缩放比例太大,导致控件显示不全;

3. 控件的大小设置不正确,可能设置的控件大小太小,导致控件不显示;

4. 控件的位置设置不正确,可能设置的控件位置太远,导致控件不显示;

5. 控件的背景色设置不正确,可能设置的控件背景色与其他控件的背景色相同,导致控件不显示;

6. 控件的透明度设置不正确,可能设置的控件透明度太高,导致控件不显示;

7. 控件的文字大小设置不正确,可能设置的控件文字大小太小,导致控件不显示;

8. 控件的文字颜色设置不正确,可能设置的控件文字颜色与其他控件的文字颜色相同,导致控件不显示;

9. 控件的图片设置不正确,可能设置的控件图片太小,导致控件不显示;

10. 控件的边框设置不正确,可能设置的控件边框太细,导致控件不显示。

方法一、根据分辨率使用不同的CSS文件

屏幕分辨率小于768像素时生效:

<link rel="stylesheet" media="screen and (max-device-width: 768px)" href="mobile.css">

屏幕分辨率大于1000时生效:

<link rel="stylesheet" media="screen and (min-device-width: 1000px)" href="mobile.css">

方法二、在CSS中判断不同分辨率

屏幕分辨率小于768像素时生效:

@media (max-width: 768px) {

    .div1 {

        font-size: 16px

    }

}