gpt4 book ai didi

css - cakephp 和表单 css

转载 作者:太空宇宙 更新时间:2023-11-04 00:11:02 25 4
gpt4 key购买 nike

大家好,我正在尝试为我已经创建并在文件 css 中使用的网站创建移动网站。

  1. 我正在尝试将输入框设置为屏幕高度的 10%。我怎样才能做到这一点?
  2. 如何让登录按钮变高?

这是 View 文件中的代码

<?php echo $this->Html->docType('xhtml-trans'); ?>
<html>


<head>
<style>
body {
background-color:#ADD8E6;
height: 960px;
width: 640px;
}

table, td, th
{
background-color: #ADD8E6;
}
input
{
height:233%;
width:70%;
}
</style>
<title> <?php echo $title_for_layout; ?></title>
<?php echo $this->Html->css($stylesheet_used); ?>
</head>
<body>
<div id = "headertwo" style="background-image:url(<?php echo $this->webroot; ?>img/BannerGradient2.jpg);">
<center>
<?php echo $this->Html->image($image_used, array(
"alt" => "eBox",
'url' => array('controller' => 'Users', 'action' => 'login'))) ?>
</center>
</div>
<?php echo $this->Form->create('User', array('url' => array('controller' => 'users', 'action' => 'login')));?>
<table border=0 style="width:640px;">
<tr>
<td >Username:
<?php echo $this->Form->input('username',array('label'=>false,));?></td>
</tr>
<tr>
<td>Password: <?php echo $this->Form->input('password',array('label'=>false,));?></td>
</tr>

</table>
<?php echo $this->Form->end('Login', array('width'=>100));?>
</div>
</body>
</html>

最佳答案

用户 1393064,

您现在正在使用 XHTML Doctype,现在这不是在目标移动设备中取得良好结果的好习惯。

相反,我建议您尝试 HTML5 Doctype,如下所示...

<!DOCTYPE html>

此外,对于移动支持,您需要添加 Viewport Meta

<meta name ="viewport" content ="initial-scale = 1.0, user-scalable = no">

然后为 INPUT 定义 CSS

input { /* put your code here */ }

input#submit { /* put your style here */ }

我还建议您为目标移动设备和屏幕使用 CSS 媒体查询。

@media screen and (max-width: 640px){

   body{ /* put your style here */ }

   form{ /* put your style here */ }

   input{ /* put your style here */ }

   input#submit{ /* put your style here */ }

}

如需进一步帮助,您可以引用这篇文章http://www.yourinspirationweb.com/en/tips-tricks-how-to-optimize-a-website-for-mobile-devices/

关于css - cakephp 和表单 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13008261/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com