我可以在OS X上使用Chrome浏览器为Safari进行Safari编写吗？

Question

我知道两个浏览器都使用webkit但是当我在OS X的safari中显示一个表单时，输入复选框在div中完美排列。

如果我转到chrome，那么复选框就到处都是。

我想知道是否有CSS代码可以确保它在两种浏览器中完美排列？它不仅仅是复选框，而是所有输入。

Windows上的Chrome版本为47 OS X上的Safari是版本9

如果有人能指出我正确的方向，我会很感激。

谢谢

                <div style="position:relative;text-align:left;top: 15px;left: 193px;">
                <?php echo form_label('Head:','head'); ?><?php echo form_checkbox(array('name'=>'head','type'=>'checkbox','value'=>'1')); ?>
                </div>

Answer 1

对于某些跨浏览器兼容性，您可以做的最好的事情不是使用任何绝对定位。

根据您的描述，您似乎将文本输入的宽度作为固定数量，但容器不能同时包含复选框和文本输入。

也许将输入设置为width: calc(100% - #px);。