我可以让 CSS 为 OS X 上的 safari 编写的在 chrome 上为 windows 工作吗？
Can I make CSS written for safari on OS X work in chrome for windows?
我知道这两种浏览器都使用 webkit，但是当我在 safari 中为 OS X 显示表单时，输入复选框完美地排列在 div 中。
如果我转到 chrome，那么复选框到处都是。
我想知道是否有 CSS 代码可以确保它在两种浏览器中完美排列？不只是复选框越界，所有输入都越界。
Chrome 在 windows 上是版本 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>
为了某些 cross-browser 兼容性，您可以做的最好的事情就是不要使用任何类型的绝对定位。
根据您的描述，您似乎将文本输入的宽度设置为固定值，但容器不能同时容纳复选框和文本输入。
也许将输入设置为 width: calc(100% - #px);。
我知道这两种浏览器都使用 webkit，但是当我在 safari 中为 OS X 显示表单时，输入复选框完美地排列在 div 中。
如果我转到 chrome，那么复选框到处都是。
我想知道是否有 CSS 代码可以确保它在两种浏览器中完美排列？不只是复选框越界，所有输入都越界。
Chrome 在 windows 上是版本 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>
为了某些 cross-browser 兼容性，您可以做的最好的事情就是不要使用任何类型的绝对定位。
根据您的描述，您似乎将文本输入的宽度设置为固定值，但容器不能同时容纳复选框和文本输入。
也许将输入设置为 width: calc(100% - #px);。