# Amazon Payのボタンの設定方法を知りたいです

以下の制限事項の範囲内ですが、CSSでボタンサイズが指定できます。

###  デフォルトのサイズ
縦・横サイズともに指定されていない場合、デフォルトのサイズは450px × 45pxになります。

###  制限サイズ
縦サイズは45pxから192px、横サイズは150pxから500pxの間で指定する必要があります。
上記制限を超えるサイズを指定された場合は、制限サイズ内で最も近いサイズにリサイズされます。

また、縦サイズのみ指定した場合、横は500pxに、
横サイズのみ指定した場合、縦は45pxに設定されます。

###  縦横比
縦横比は 1:10 から 1:2.6 の間で指定する必要があります。
制限外の比率を指定した場合、
横サイズに対して制限内の縦横比で縦サイズが調整されます。

###  ボタンサイズ指定サンプルコード

```
<div style="height: 180px; width: 240px;" id="AmazonPayButton"></div> 
```

###  ボタンが文字化けしないようUTF-8指定する場合

```
<script src="https://static-fe.payments-amazon.com/checkout.js"  charset="utf-8"></script>
```


## 参考

 [Responsive button logic](https://developer.amazon.com/ja/docs/amazon-pay-checkout/amazon-pay-script.html#%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%9C%E3%82%BF%E3%83%B3%E3%83%AD%E3%82%B8%E3%83%83%E3%82%AF)