HTML/CSS: table font size different in mobile device

前端未结

关注

 3  991

I would like to have a simple website that works both on desktop and mobile browser, and encountered a weird (rookie) problem: when I have a table whose column texts are of diff

相关标签:

3条回答

时光取名叫无心

2021-02-07 16:38
You need to consider setting the viewport of your application. To make a mobile-friendly web application, you will need to set this in your headers. You can do so by adding a <meta> tag between your <head> tags. Here is an example:
```
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
```
For a full description of what a viewport is and how it is used, you can visit the article Configuring the Viewport from Apple Developer as it was first introduced for Safari Mobile.
0 讨论(0)
发布评论:

提交评论
- 加载中...
栀梦

2021-02-07 16:39
Eventually you might also need
```
text-size-adjust: none;
-webkit-text-size-adjust: none;
```
to make sure that text is not renderred bigger or smaller depending on the size of table cells. Especially in Safari on iOS I found this to be relevant.
0 讨论(0)
发布评论:

提交评论
- 加载中...
抹茶落季

2021-02-07 16:58
try this
```
 body {
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 15px;
}
```
0 讨论(0)
发布评论:

提交评论
- 加载中...