Как сделать так, чтобы текст на языке Engli sh отображался так же, как текст на японском языке? - PullRequest
Новая
       27

Как сделать так, чтобы текст на языке Engli sh отображался так же, как текст на японском языке?

0 голосов
/ 10 января 2020

Мой сайт содержит и английские sh, и японские символы. Проблема в том, что, хотя они определены в одном классе, они выглядят так, как если бы они были разных размеров в определенных средах. Например, на моем ноутбуке в браузере Chrome он выглядит нормально, но на моем рабочем столе в браузере Chrome и в моем iphone в браузере Safari, Engli sh текст выглядит меньше японского.

Ниже приведен фрагмент моего кода: 

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p,
fieldset,
table {
  /*so things don't run into each other*/
  margin-bottom: 1em;
}

* {
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 5px;
}

#container-right {
  width: 490px;
  float: right;
}

p {
  font-family: Libre Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px;
  font-display: block;
  vertical-align: top;
}

html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "html://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <link rel="stylesheet" type="text/css" href="css.css" media="screen, projection, print" />
  <link rel="stylesheet" type="text/css" href="http://st.shinobi.jp/img/services/homepage/commercial.css" />
</head>

<body>

  <div id="container-right">
  
    <p>Brown准教授、</p>
    </div>
  </body>

</html>

Изменение японских символов на другой, специфичный для японского языка стиль c p не оказало влияния. Язык файла html установлен на «ja», но его изменение на Engli sh также никак не повлияло.

Пожалуйста, помогите!

С уважением, Ханако

...