我用HTML5做手机网页,如何设置字体大小以适合各种设备?

html-css05

我用HTML5做手机网页,如何设置字体大小以适合各种设备?,第1张

一般你在用电脑做手机网页的时候,浏览器显示的比例和手机的比例为50%,就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配,所以说在浏览器做调试的时候把预览图缩小50%,然后调试各种属性的大小,显示正常后放到手机上就完美了

如何设置html字体

设置字体

html

body

A heading

A paragraph

/body

/html

设置文字尺寸

html

body

A heading

A paragraph

/body

/html

设置字体颜色

html

body

A heading

A paragraph

/body

/html

设置文字的字体、字体尺寸、字体颜色

html

body

hello world

/body

/html

如何设置Java对话框字体

两种办法可以解决:

一、使用简单的HTML语法可以控制文字的大小:

二、(推荐!)先看参数

JOptionPane.showMessageDialog(Component, Object, String, int)第二个参数为Object,我们可以用一个JLabel来替代以前的String,给JLabel一个Font就OK了。

import javax.swing.*

import java.awt.*

import java.awt.event.*

import java.awt.event.ActionEvent

public class Test {

JFrame frame

JButton button

Font font

public Test(){

font = new Font("宋体",0,12)

UIManager.put("Button.font",font)

UIManager.put("Label.font",font)

frame = new JFrame("Test")

button = new JButton("弹出")

button.addActionListener(new ActionListener() {

public void actionPerformed(ActionEvent actionEvent) {

JLabel l = new JLabel("用户名或密码错误 请重新输入")

JOptionPane.showMessageDialog(frame,l,"错误",JOptionPane.ERROR_MESSAGE)

}

})

frame.getContentPane().add(button)

frame.setSize(300, 200)

frame.setVisible(true)

}

public static void main(String[] args) {

new Test()

}

}

手机响应式布局,是获取屏幕尺寸,在某个区间用一种css,另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。

而<meta name="viewport" content="width=device-width" />的用法是随着屏幕的大小,自动把页面自适应到屏幕的大小。这个是管用的。

em是字体的宽度,也就是一个字体宽12px,那么em=12px;字体为15px,em=15px;一般用来动态控制字体外的区块大小去适应字体,而不是用来设置字体的大小的。例如:

<p style="width: 12em">

    <!-- / 无论这里设置的字体多大,宽度只会容纳12个字 / -->

</p>

如果<meta name="viewport" content="width=device-width" />没效果,建议你用图片贴出来,看看你想要的具体效果是什么。