语言标记位置 - 在移动设备上观看效果不佳 phone
Language flags position - bad viewing on mobile phone
我的测试 wordpress 网站上的语言标志有问题：http://www.multisite.jecool.net/
我将此代码粘贴到 header.php:
<div style="position: relative;">
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1700px; z-index: 10; width: 26px; height: 15px; border: none;" title="Čeština" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/cz_flag.gif" alt="Čeština" /></a>
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1730px; z-index: 10; width: 26px; height: 15px; border: none;" title="English" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/en_flag.gif" alt="English" /></a>
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1760px; z-index: 10; width: 26px; height: 15px; border: none;" title="Deutsch" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/de_flag.gif" alt="Deutsch" /></a>
</div>
标志没问题，但位置很奇怪。当我在台式电脑上的 2 个不同显示器上打开它时 = 标志不在同一个地方 = 它以某种方式取决于显示器尺寸。在 24" 显示器或 29" 显示器上。我想把这个标志放在一个地方，并且必须在不同的显示器上同样好地查看它。在手机上，这个标志使白色背景的网页更大。
有人可以给我小费或帮助吗？我只想在同一个地方查看和放置 3 个旗帜，仅此而已。我认为这将是微不足道的，但不是 :-)。抱歉我的英语不好。
放上你的旗帜（注意 css 中的变化）
<div style="position: absolute; top: 10px; right: 10px; z-index: 10;">
<a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="Čeština" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/cz_flag.gif" alt="Čeština" /></a>
<a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="English" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/en_flag.gif" alt="English" /></a>
<a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="Deutsch" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/de_flag.gif" alt="Deutsch" /></a>
</div>
进入页眉部分：
<header id="masthead" class="site-header" role="banner">
//flags here...
我的测试 wordpress 网站上的语言标志有问题：http://www.multisite.jecool.net/
我将此代码粘贴到 header.php:
<div style="position: relative;">
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1700px; z-index: 10; width: 26px; height: 15px; border: none;" title="Čeština" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/cz_flag.gif" alt="Čeština" /></a>
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1730px; z-index: 10; width: 26px; height: 15px; border: none;" title="English" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/en_flag.gif" alt="English" /></a>
<a href="http://www.multisite.jecool.net"><img style="position: absolute; top: 15px; left: 1760px; z-index: 10; width: 26px; height: 15px; border: none;" title="Deutsch" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/de_flag.gif" alt="Deutsch" /></a>
</div>
标志没问题，但位置很奇怪。当我在台式电脑上的 2 个不同显示器上打开它时 = 标志不在同一个地方 = 它以某种方式取决于显示器尺寸。在 24" 显示器或 29" 显示器上。我想把这个标志放在一个地方，并且必须在不同的显示器上同样好地查看它。在手机上，这个标志使白色背景的网页更大。
有人可以给我小费或帮助吗？我只想在同一个地方查看和放置 3 个旗帜，仅此而已。我认为这将是微不足道的，但不是 :-)。抱歉我的英语不好。
放上你的旗帜（注意 css 中的变化）
<div style="position: absolute; top: 10px; right: 10px; z-index: 10;">
<a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="Čeština" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/cz_flag.gif" alt="Čeština" /></a>
<a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="English" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/en_flag.gif" alt="English" /></a>
<a href="http://www.multisite.jecool.net"><img style="float: left; margin-left: 10px;" title="Deutsch" src="http://www.multisite.jecool.net/wp-content/uploads/2015/01/de_flag.gif" alt="Deutsch" /></a>
</div>
进入页眉部分：
<header id="masthead" class="site-header" role="banner">
//flags here...